Erborian brand guide: fonts, colors & website design
Fonts & primary colors
hk_grotesk
Aa Beauty, skin & color.
Checking original webfont…#FFFFFFsurface
#081F2Cink
#3067C5accent
01 / TYPOGRAPHY
| Role | Font | Size | Weight | Line height | Tracking | Case |
|---|---|---|---|---|---|---|
| h1 | hk_grotesk | 36px | 700 | 48px | normal | none |
| h2 | hk_grotesk | 18px | 400 | 24px | normal | none |
| h3 | hk_grotesk | 36px | 700 | 48px | normal | none |
| body | hk_grotesk | 16px | 700 | 22px | normal | none |
| nav link | hk_grotesk | 12px | 700 | 18px | normal | none |
| price | hk_grotesk | 24px | 700 | 32px | normal | none |
Values describe the sampled elements in the supplied capture profile.
02 / COLOR PALETTE
Key interface colors from the captured pages.
#FFFFFFBackground
#081F2CAlternate background / Text / Button fill
#3067C5Accent
03 / IMAGERY
- Style: Playful surreal product compositions
- Lighting: Bright, clean
- People: Some before/after faces
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.
- erborian.com root is a country picker; the US store (usa.erborian.com) was used. DataDome blocks mobile user agents, so the original mobile screenshots used a 390px viewport with a desktop UA.
- No product grid detected on desktop.
- No product grid detected on mobile.
- Section gap could not be measured (overlapping/absolute sections).
- typography.h3 measured via a fallback selector (no semantic tag/class on the site): [role=heading][aria-level="3"],[class~="h3" i],[class*="heading-3" i],[class*="card__title" i],[class*="product-title" i],[class*="product__title" i],[class*="product-name" i].
- home-desktop: price/"Loading" wait timed out (widget text may persist).
- home-mobile: price/"Loading" wait timed out (widget text may persist).
- product-mobile: price/"Loading" wait timed out (widget text may persist).
- category-desktop: price/"Loading" wait timed out (widget text may persist).
- category-mobile: price/"Loading" wait timed out (widget text may persist).