Too Faced brand guide: fonts, colors & website design
Fonts & primary colors
Proxima Nova
Aa Beauty, skin & color.
Checking original webfont…Recoleta Semi Bold
Aa Beauty, skin & color.
Checking original webfont…#FFFFFFsurface
#000000ink
#FF5EA2accent
01 / TYPOGRAPHY
| Role | Font | Size | Weight | Line height | Tracking | Case |
|---|---|---|---|---|---|---|
| h1 | Proxima Nova | 30px | 700 | normal | normal | none |
| h2 | Proxima Nova | 20px | 400 | normal | normal | none |
| h3 | Proxima Nova | 14px | 700 | 15.4px | normal | none |
| body | Proxima Nova | 16px | 400 | normal | normal | none |
| nav link | Proxima Nova | 16px | 400 | normal | normal | none |
| price | Proxima Nova | 16px | 400 | normal | normal | none |
Values describe the sampled elements in the supplied capture profile.
02 / COLOR PALETTE
Key interface colors from the captured pages.
#FFFFFFBackground
#FFE2E9Alternate background
#000000Text / Button fill
#303533Secondary text
#FF5EA2Accent
03 / IMAGERY
- Style: Shade swatches, glam product macros
- Lighting: Bright
- People: Faces and swatches
Sources & limitations
Independent analysis of supplied website captures. Measurements describe sampled elements, not universal brand rules. Font specimens report whether the supplied original URL loads; unavailable fonts show a labeled fallback.
- Mobile redirects to m.toofaced.com; original mobile screenshots at DPR3.
- ui_details.secondary_button measured via a fallback selector (no semantic tag/class on the site): a,button,[role=button].
- ui_details.add_to_cart_pdp measured via a fallback selector (no semantic tag/class on the site): button, a, [role=button], div[class*="add" i], div[class*="cart" i].
- ui_details.announcement_bar measured via a fallback selector (no semantic tag/class on the site): body *.