SkinCeuticals brand guide: fonts, colors & website design
Fonts & primary colors
Inter
Aa Beauty, skin & color.
Font source not supplied; fallback shown#FFFFFFsurface
#131314ink
#027299accent
01 / TYPOGRAPHY
| Role | Font | Size | Weight | Line height | Tracking | Case |
|---|---|---|---|---|---|---|
| h1 | Inter | 32px | 700 | 38.4px | normal | none |
| h2 | Inter | 30px | 700 | 39px | normal | none |
| h3 | Inter | 14px | 700 | 21px | normal | none |
| body | Inter | 14px | 300 | 21px | normal | none |
| nav link | Inter | 14px | 700 | 19.6px | normal | uppercase |
| price | Inter | 14px | 700 | 18.2px | normal | none |
Values describe the sampled elements in the supplied capture profile.
02 / COLOR PALETTE
Key interface colors from the captured pages.
#FFFFFFBackground
#F8F8F8Alternate background
#131314Text
#5F5F5FSecondary text
#027299Button fill / Accent
03 / IMAGERY
- Style: Clinical packshots on white plus moody dark lifestyle: gloved aestheticians, treatment rooms, boxed sets against black.
- Lighting: Low-key, directional heroes; flat even packshots.
- People: Professionals and patients, authority over aspiration.
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.
- Wordmark is an image; its typeface is not measurable.
- Category screenshot shows "Loading..." on product buttons.
- Typography check (2026-10-29): the CSS declares "Inter, sans-serif" (≈330 rules in styles.css) but no @font-face for Inter is defined and document.fonts reports no loaded webfonts, so visitors see the generic sans-serif fallback (e.g. Arial/Helvetica/Roboto by OS). @font-face rules for CircularStd exist in the CSS but no text uses them. Confirmed on all 6 captures.
- Font files are not included in this export (commercial licences); exact rendering of custom fonts needs the licensed files.
- All 6 pages measured (home-mobile passed Cloudflare on re-capture). The announcement bar (l-header__banner) is in the markup but was not rendered at capture time.
- Declared font 'Inter' (99% of text) has no loaded webfont; visitors see a fallback.
- 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-mobile: price/"Loading" wait timed out (widget text may persist).