Dose of Colors brand guide: fonts, colors & website design
Fonts & primary colors
Helvetica
Aa Beauty, skin & color.
Checking original webfont…IvarDisplayCondensed
Aa Beauty, skin & color.
Checking original webfont…#FFFFFFsurface
#231F20ink
#F3D1C0accent
01 / TYPOGRAPHY
| Role | Font | Size | Weight | Line height | Tracking | Case |
|---|---|---|---|---|---|---|
| h1 | IvarDisplayCondensed | 54px | 500 | 72px | -0.3px | none |
| h2 | Helvetica | 14px | 500 | 14px | 0.5px | uppercase |
| h3 | IvarDisplayCondensed | 54px | 500 | 72px | -0.3px | none |
| body | Helvetica | 16px | 400 | 20.96px | normal | none |
| nav link | Helvetica | 11px | 700 | 12.067px | normal | uppercase |
| price | Helvetica | 16px | 400 | 23.6192px | normal | none |
Values describe the sampled elements in the supplied capture profile.
02 / COLOR PALETTE
Key interface colors from the captured pages.
#FFFFFFBackground
#F8F6F7Alternate background
#231F20Text
#F3D1C0Button fill / Accent
03 / IMAGERY
- Style: Macro lips/eyes, packshots
- Lighting: Bright, glossy
- People: Faces cropped to features
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.
- typography.h1 measured via a fallback selector (no semantic tag/class on the site): [role=heading][aria-level="1"],[class~="h1" i],[class*="heading-1" i].