CLIO brand guide: fonts, colors & website design
Fonts & primary colors
Pretendard-Regular
Aa Beauty, skin & color.
Checking original webfont…Roboto
Aa Beauty, skin & color.
Checking original webfont…Montserrat
Aa Beauty, skin & color.
Font source not supplied; fallback shown#FFFFFFsurface
#222222ink
#FF5C00accent
01 / TYPOGRAPHY
| Role | Font | Size | Weight | Line height | Tracking | Case |
|---|---|---|---|---|---|---|
| h1 | Pretendard-Regular | 44px | 400 | 56px | -1.1px | none |
| h2 | Pretendard-Regular | 26px | 600 | 26px | -0.65px | none |
| h3 | Pretendard-Regular | 28px | 400 | 28px | -0.7px | none |
| body | Pretendard-Regular | 16px | 400 | 18.4px | -0.4px | none |
| nav link | Pretendard-Regular | 12px | 400 | 15px | -0.3px | none |
Values describe the sampled elements in the supplied capture profile.
02 / COLOR PALETTE
Key interface colors from the captured pages.
#FFFFFFBackground
#F2F2F2Alternate background
#222222Text
#999999Secondary text
#FF5C00Accent
03 / IMAGERY
- Style: Packshots and K-beauty model portraits
- Lighting: Bright, clean
- People: Young Korean women
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.
- Korean-language site; original home screenshot shows a server-maintenance notice modal.
- Declared font 'Montserrat' (17% of text) has no loaded webfont; visitors see a fallback.
- Declared font '돋움' (2% of text) has no loaded webfont; visitors see a fallback.
- No product grid detected on desktop.
- No product grid detected on mobile.
- Section gap could not be measured (overlapping/absolute sections).
- typography.h1 measured via a fallback selector (no semantic tag/class on the site): fallback:size-rank 1.
- home-desktop: price/"Loading" wait timed out (widget text may persist).
- home-mobile: price/"Loading" wait timed out (widget text may persist).
- product-desktop: 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).