Dermalogica brand guide: fonts, colors & website design
Fonts & primary colors
helvetica-lt-pro
Aa Beauty, skin & color.
Checking original webfont…#FFFFFFsurface
#5B6670ink
#9F1AB1accent
01 / TYPOGRAPHY
| Role | Font | Size | Weight | Line height | Tracking | Case |
|---|---|---|---|---|---|---|
| h1 | helvetica-lt-pro | 31px | 700 | 42px | 0.5px | none |
| h2 | helvetica-lt-pro | 30px | 300 | 38px | normal | none |
| h3 | helvetica-lt-pro | 20px | 700 | 26.6px | normal | none |
| body | helvetica-lt-pro | 16px | 300 | 24px | normal | none |
| nav link | helvetica-lt-pro | 14px | 300 | 18.2px | normal | none |
| price | helvetica-lt-pro | 20px | 300 | 30px | 1.3px | none |
Values describe the sampled elements in the supplied capture profile.
02 / COLOR PALETTE
Key interface colors from the captured pages.
#FFFFFFBackground
#5B6670Alternate background / Text / Button fill
#8E99A4Secondary text
#9F1AB1Accent
03 / IMAGERY
- Style: Treatment-room close-ups and packshots
- Lighting: Clinical, bright
- People: Therapists and clients
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.