> ## Documentation Index
> Fetch the complete documentation index at: https://docs.love.rip/llms.txt
> Use this file to discover all available pages before exploring further.

# Share card, favicon and tab title

> Control how your link looks when it's shared, plus your browser tab.

<Badge color="purple">Premium</Badge>

Metadata controls what people see when you paste your love.rip link somewhere, and how your browser tab looks.

**Where to find it:** Customize → **Metadata**, or [love.rip/dashboard/customize/metadata](https://www.love.rip/dashboard/customize/metadata).

<Note>Metadata is a Premium feature. It covers the custom favicon, share card, Discord embed and tab title motion.</Note>

<Frame caption="The Metadata page">
  <img src="https://mintcdn.com/love-rip/lWOttRo6BGNcvgSp/images/image-13.png?fit=max&auto=format&n=lWOttRo6BGNcvgSp&q=85&s=39e5931cbebb4e8c6380dfbac8de0ab2" alt="Image 13" title="Image 13" width="1898" height="913" data-path="images/image-13.png" />
</Frame>

## Open Graph share card

Set the title and description shown in link previews, and style the generated preview image. A live preview shows the embed and browser tab as you edit.

**Where to find it:** Metadata → **Open Graph** tab.

* **Embed details:** Title and Description.
* **Colors:** Overlay color and opacity, Embed color, and colors for your username, URL, likes, dislikes and views.
* **Assets:** a **Favicon** (32×32) for your browser tab and a **Card banner** (1200×630) for the share image. JPEG, PNG, WebP or GIF, up to 10MB.
* **Visibility:** choose whether the image prints your Username or Display name, and toggle Avatar, Name, URL, Likes, Dislikes and Views.
* **Download PNG:** grab the generated 1200 × 630 image. It shows your last saved version.

<Tip>Link previews can take a few minutes to refresh after you save.</Tip>

<Frame caption="Open Graph settings and live preview">
  <img src="https://mintcdn.com/love-rip/lWOttRo6BGNcvgSp/images/image-13.png?fit=max&auto=format&n=lWOttRo6BGNcvgSp&q=85&s=39e5931cbebb4e8c6380dfbac8de0ab2" alt="Image 13" title="Image 13" width="1898" height="913" data-path="images/image-13.png" />
</Frame>

## Discord embed

Design a custom card that Discord shows when your link is posted. When it's off, Discord shows the standard Open Graph embed instead. Turn it on with the toggle on the preview.

**Where to find it:** Metadata → **Discord embed** tab.

<Frame caption="Discord embed editor">
  <img src="https://mintcdn.com/love-rip/lWOttRo6BGNcvgSp/images/image-14.png?fit=max&auto=format&n=lWOttRo6BGNcvgSp&q=85&s=c63ada705b234587ba559d10d634511f" alt="Image 14" title="Image 14" width="1896" height="913" data-path="images/image-14.png" />
</Frame>

## Browser tab animation

Animate the text in your browser tab with **Typewriter**, **Scroll** or **Flashing**.

**Where to find it:** Metadata → Open Graph tab → **Browser Tab Animation**.

<Frame caption="Browser tab animation">
  <img src="https://mintcdn.com/love-rip/lWOttRo6BGNcvgSp/images/image-15.png?fit=max&auto=format&n=lWOttRo6BGNcvgSp&q=85&s=c4e07a4ae6979c81e7dfc8fef9c53deb" alt="Image 15" title="Image 15" width="866" height="207" data-path="images/image-15.png" />
</Frame>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.