# Fenty Beauty

> Generated by BrandSweets from the fentybeauty-com BrandDoc (v4, schema 1). Do not edit by hand.

## Identity

**Tagline:** Fenty Beauty by Rihanna was created with promise of inclusion for all women. With an unmatched offering of shades and colors for ALL skin tones, you'll never…

**Sector:** beauty

**Domain:** fentybeauty.com

**Guidelines:** https://fentybeauty.com/pages/press


Fenty Beauty by Rihanna was created with promise of inclusion for all women. With an unmatched offering of shades and colors for ALL skin tones, you'll never look elsewhere for your beauty staples. Browse our foundation line, lip colors, and so much more.

## Colors

| Role | Name | Hex | Dark | Usage |
| --- | --- | --- | --- | --- |
| `primary` | Charcoal | `#2d2929` | — | Primary brand color: CTAs, links, active states. |
| `secondary` | Firebrick | `#bd0100` | — | Secondary brand color. |
| `surface` | White | `#ffffff` | — | Page and card background. |
| `text` | Charcoal | `#2d2929` | — | Body text on surface. |

### Scales

- **primary:** 50 `#f5f5f5`, 100 `#e6e5e5`, 200 `#d3cfcf`, 300 `#b9b1b1`, 400 `#a19797`, 500 `#8b7e7e`, 600 `#766b6b`, 700 `#605757`, 800 `#4b4444`, 900 `#2d2929`, 950 `#232020`
- **secondary:** 50 `#faefef`, 100 `#f4d7d7`, 200 `#ffa3a3`, 300 `#ff6b6b`, 400 `#ff3838`, 500 `#ff0a0a`, 600 `#e00000`, 700 `#bd0100`, 800 `#8f0000`, 900 `#5e0808`, 950 `#3d0505`
- **surface:** 50 `#ffffff`, 100 `#e6e6e6`, 200 `#d1d1d1`, 300 `#b5b5b5`, 400 `#9c9c9c`, 500 `#858585`, 600 `#707070`, 700 `#5c5c5c`, 800 `#474747`, 900 `#333333`, 950 `#212121`
- **text:** 50 `#f5f5f5`, 100 `#e6e5e5`, 200 `#d3cfcf`, 300 `#b9b1b1`, 400 `#a19797`, 500 `#8b7e7e`, 600 `#766b6b`, 700 `#605757`, 800 `#4b4444`, 900 `#2d2929`, 950 `#232020`

## Typography

### Families

#### Brown `brown`
- **Source:** custom
- **Weights:** 400 Regular, 600 Semibold, 700 Bold
- **Fallback stack:** `Brown, sans-serif`
- **Licensing:** Auto-detected web font; provenance unconfirmed. Reference only — never rehost without a license.

### Role assignments

- **heading:** Brown (`brown`)
- **body:** Brown (`brown`)

### Scale

| Step | Size (rem) | Line height | Tracking (em) |
| --- | --- | --- | --- |
| sm | 0.875 | 1.5 | — |
| base | 1 | 1.6 | — |
| lg | 1.25 | 1.4 | — |
| xl | 1.75 | 1.25 | — |
| 2xl | 2.25 | 1.15 | — |
| display | 3.5 | 1.05 | -0.02 |

## Gradients

Derived from the colour roles (perceptual interpolation; same tokens in brand.css / tokens.json):

- **--brand-gradient:** `linear-gradient(135deg in oklab, #2d2929 0%, #bd0100 100%)` — worst-case contrast white 6.63:1 AA, black 1.46:1
- **--brand-gradient-hero:** `linear-gradient(135deg in oklab, #2b2a2a 0%, #88544c 100%)` — ink #ffffff; worst-case contrast white 6.14:1 AA, black 1.47:1
- **--brand-gradient-button:** `linear-gradient(180deg in oklch shorter hue, #373333 0%, #231f1f 100%)` — ink #ffffff; hover `linear-gradient(180deg in oklch shorter hue, #3f3b3b 0%, #2b2727 100%)`; active `linear-gradient(180deg in oklch shorter hue, #2f2b2b 0%, #1c1818 100%)`

## Logos

### primary
- **Formats:**
  - `png` (488×70): https://iihdrqhzaupyssngtrja.supabase.co/storage/v1/object/public/brand-assets/workspaces/9fa09c23-9560-4b2e-87b6-eae0d28b47fe/brands/5bcb152a-8e03-49dc-bd0f-ac795b2ca375/logos/primary-d56d49a21dfc2d66.png
- **Clearspace:** 1× logo-height — Default clearspace of one logo-height on all sides (auto-seeded; refine after review).
- **Min size:** 24px w (screen)
- **Allowed backgrounds:** any
- **Notes:** Re-sourced 2026-09-02 from the brand's own site (header-img). Hosted by us. Selection: source=home-link-img (96); png (+5); raster min side 43.0327868852459px < 64 (-30)

## Boards

- **Cover** — `cover` (`board-cover`)
- **Color System** — `color-system` (`board-colors`)
- **Type Specimen** — `type-specimen` (`board-type`)
- **Logo Suite** — `logo-suite` (`board-logos`)

## Resources

- Tokens (JSON): /b/fentybeauty-com/tokens.json
- Tokens (CSS): /b/fentybeauty-com/brand.css
- This document: /b/fentybeauty-com/brand.md
- MCP endpoint (public read): mcp.brandsweets.com/fentybeauty-com/mcp
- Agent integration guide: /agents.md