JLo Beauty brand guide: fonts, colors & website design
Fonts & primary colors
Avenir
Aa Beauty, skin & color.
Checking original webfont…Playfair Display
Aa Beauty, skin & color.
Checking original webfont…-apple-system
Aa Beauty, skin & color.
Font source not supplied; fallback shown#FFFFFFsurface
#383838ink
#7D5A44accent
01 / TYPOGRAPHY
| Role | Font | Size | Weight | Line height | Tracking | Case |
|---|---|---|---|---|---|---|
| h1 | Avenir | 32px | 500 | normal | normal | uppercase |
| h2 | Avenir | 21.1248px | 500 | 31.68px | 2.88px | none |
| h3 | Playfair Display | 115.2px | 400 | 61.4448px | normal | none |
| body | Avenir | 17.28px | 400 | 18.8208px | normal | none |
| nav link | Avenir | 12px | 800 | 18px | 2.9232px | uppercase |
| price | Avenir | 20px | 700 | 24px | 0.48px | uppercase |
Values describe the sampled elements in the supplied capture profile.
02 / COLOR PALETTE
Key interface colors from the captured pages.
#FFFFFFBackground
#AD978BAlternate background
#383838Text
#7D5A44Secondary text / Accent
#7D5848Button fill
03 / IMAGERY
- Style: Glamorous founder portraits, gold product
- Lighting: Warm glowing
- People: J.Lo


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.
- Declared font 'Metropolis' (1% of text) has no loaded webfont; visitors see a fallback.