> ## 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.

# Colors, fonts and the profile box

> Set your colors, pick a font and style the card your profile sits on.

All of these are on the **Style** tab of Appearance.

**Where to find it:** Customize → Appearance → **Style** tab, or [love.rip/dashboard/customize?tab=style](https://www.love.rip/dashboard/customize?tab=style).

<Frame caption="The Style tab">
  <img src="https://mintcdn.com/love-rip/lWOttRo6BGNcvgSp/images/Screenshot-2026-10-08-200435.png?fit=max&auto=format&n=lWOttRo6BGNcvgSp&q=85&s=6ec4e34ac8918ec1f78213b8ea762fb3" alt="Screenshot 2026 10 08 200435" title="Screenshot 2026 10 08 200435" width="1899" height="912" data-path="images/Screenshot-2026-10-08-200435.png" />
</Frame>

## Colors

Pick colors for **Text**, **Secondary text**, **Username**, **Description**, **Background**, **Accent**, **Highlight** and **Footer**.

**Where to find it:** Style tab → **Colors**.

<Frame caption="Color pickers">
  <img src="https://mintcdn.com/love-rip/lWOttRo6BGNcvgSp/images/Screenshot-2026-10-08-200513.png?fit=max&auto=format&n=lWOttRo6BGNcvgSp&q=85&s=c9cf36d27edb29f4036b63420f4c4f9d" alt="Screenshot 2026 10 08 200513" title="Screenshot 2026 10 08 200513" width="1901" height="912" data-path="images/Screenshot-2026-10-08-200513.png" />
</Frame>

## Fonts

Choose a page font from the built-in list: Satoshi, Fira Code, Poppins, JetBrains Mono, Array, Velocity, Outfit, Silkscreen, Technor, Parkinsans, Chillax, Drippy and Minecraft.

**Where to find it:** Style tab → font settings.

### Custom fonts <Badge color="purple">Premium</Badge>

Upload your own font for the page and a separate one for your username. Supported files: WOFF2, WOFF, OTF and TTF, up to 10MB.

<Frame caption="Font settings">
  <img src="https://mintcdn.com/love-rip/lWOttRo6BGNcvgSp/images/Screenshot-2026-10-08-200543.png?fit=max&auto=format&n=lWOttRo6BGNcvgSp&q=85&s=c13fa9928bd0629abdc2af8ef801aab1" alt="Screenshot 2026 10 08 200543" title="Screenshot 2026 10 08 200543" width="1896" height="911" data-path="images/Screenshot-2026-10-08-200543.png" />
</Frame>

## Profile box

The profile box is the card your profile sits on. Set its color, **Card opacity** (0–100) and **Card blur** (0–40px). You can also add a banner to the top of the box and fade it out.

**Where to find it:** Style tab → **Profile Box**.

### Border

Give the box an outline: **Outline color**, **Thickness** (0–24), **Rounding** (0–80) and **Outline opacity**.

### Moving borders <Badge color="purple">Premium</Badge>

Animate the border with **Electric**, **Glow**, **Pulse** or **Rainbow**. You can apply the effect to the profile box and to other parts of your page: audio, volume, comments, badges, modules on the card, modules below, About, Skills, Games and media, and Couples.

<Frame caption="Profile Box settings">
  <img src="https://mintcdn.com/love-rip/lWOttRo6BGNcvgSp/images/Screenshot-2026-10-08-200735.png?fit=max&auto=format&n=lWOttRo6BGNcvgSp&q=85&s=871600a4be5dacf73692e869c7cb2e69" alt="Screenshot 2026 10 08 200735" title="Screenshot 2026 10 08 200735" width="1896" height="911" data-path="images/Screenshot-2026-10-08-200735.png" />
</Frame>


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