Joon brand guide: fonts, colors & website design
Fonts & primary colors
Work Sans
Aa Beauty, skin & color.
Checking original webfont…Playfair Display
Aa Beauty, skin & color.
Checking original webfont…#FFFFFFsurface
#000000ink
#08AAEDaccent
01 / TYPOGRAPHY
| Role | Font | Size | Weight | Line height | Tracking | Case |
|---|---|---|---|---|---|---|
| h1 | Work Sans | 22px | 900 | 24.2px | normal | none |
| h2 | Work Sans | 36px | 400 | normal | normal | none |
| h3 | Playfair Display | 16.8px | 900 | 21.84px | normal | none |
| body | Work Sans | 14px | 400 | 21px | normal | none |
| nav link | Work Sans | 14px | 400 | 25px | normal | none |
| price | Work Sans | 21.96px | 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
#F7E9E9Alternate background
#000000Text / Button fill
#222222Secondary text
#08AAEDAccent
03 / IMAGERY
- Style: Warm portraits, packshots
- Lighting: Warm
- People: Women with long hair
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.product_card measured via a fallback selector (no semantic tag/class on the site): fallback:ancestor of product link with img+price.