Clean Skin Club brand guide: fonts, colors & website design
Fonts & primary colors
Poppins
Aa Beauty, skin & color.
Checking original webfont…#FFFFFFsurface
#003A66ink
#003A66accent
01 / TYPOGRAPHY
| Role | Font | Size | Weight | Line height | Tracking | Case |
|---|---|---|---|---|---|---|
| h1 | Poppins | 40px | 700 | normal | normal | none |
| h2 | Poppins | 56px | 400 | 60.48px | normal | none |
| h3 | Poppins | 25px | 700 | 30px | normal | none |
| body | Poppins | 25px | 400 | 30px | normal | none |
| nav link | Poppins | 14px | 400 | 14px | normal | capitalize |
| price | Poppins | 18px | 700 | normal | normal | none |
Values describe the sampled elements in the supplied capture profile.
02 / COLOR PALETTE
Key interface colors from the captured pages.
#FFFFFFBackground
#C3E5FFAlternate background
#003A66Text / Button fill / Accent
#5A5A5ASecondary text
03 / IMAGERY
- Style: Smiling faces with towels, packshots, before/afters
- Lighting: Bright daylight
- People: Young women, close-ups
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.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].
- product-desktop: price/"Loading" wait timed out (widget text may persist).
- product-mobile: price/"Loading" wait timed out (widget text may persist).