ILIA brand guide: fonts, colors & website design
Fonts & primary colors
Post Grotesk
Aa Beauty, skin & color.
Font source not supplied; fallback shownInter
Aa Beauty, skin & color.
Font source not supplied; fallback shownCambon Light
Aa Beauty, skin & color.
Font source not supplied; fallback shown#FFFFFFsurface
#271F1Fink
#A2605Baccent
01 / TYPOGRAPHY
| Role | Font | Size | Weight | Line height | Tracking | Case |
|---|---|---|---|---|---|---|
| h1 | Post Grotesk | 32px | 300 | 28.8px | -1.28px | none |
| h2 | Post Grotesk | 80px | 300 | 72px | -3.2px | none |
| h3 | Post Grotesk | 40px | 300 | 36px | -1.6px | none |
| body | Post Grotesk | 16px | 400 | 24px | -0.32px | none |
| nav link | Post Grotesk | 16px | 400 | 24px | normal | none |
| price | Post Grotesk | 16px | 400 | 24px | -0.32px | none |
Values describe the sampled elements in the supplied capture profile.
02 / COLOR PALETTE
Key interface colors from the captured pages.
#FFFFFFBackground
#EFE6E1Alternate background
#271F1FText / Button fill
#5E5047Secondary text
#A2605BAccent
03 / IMAGERY
- Style: Editorial collages: macro texture swatches, nature (cacti, ocean), diverse faces with minimal makeup.
- Lighting: Natural daylight, warm.
- People: Diverse models, skin-first, little visible makeup.
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.
- ui_details.primary_button measured via a fallback selector (no semantic tag/class on the site): button, a, [role=button], input[type=submit], div[class*="btn" i], span[class*="btn" i].
- ui_details.announcement_bar measured via a fallback selector (no semantic tag/class on the site): body *.
- product-desktop: price/"Loading" wait timed out (widget text may persist).
- product-mobile: price/"Loading" wait timed out (widget text may persist).