Heyday Skincare 2
www.heydayskincare.com/The reference for a warm, deep-navy (#0f2a89) skincare-service site that leads on a full-bleed treatment photo and huge light-weight SunsetGothic display (up to 92px) on cream #fffcf8.
Beauty flagship
Design tokens
background
surface
text
accent
tone1
tone2
- display
- SunsetGothic
- body
- SunsetGothicLight
- mono
Do / Don't
Reference it for
- Deep-navy ink #0f2a89 (rgb 15,42,89) as the dominant text/brand colour on a warm cream ground #fffcf8 (rgb 255,252,248), the anti-sterile alternative to pure black-on-white
- Split hero: left copy panel over a sky-blue gradient wash, right half a full-bleed close-up treatment photo, no gutter between them
- SunsetGothic (light 300 + regular 400) as the sole face; oversized light-weight display headlines at 72px/92px with tight negative tracking (-2.4px, -2.16px)
- Butter-yellow CTA button #fceaa8 (rgb 252,234,168) as the single warm accent against navy, small 6px border-radius, no fill flourish
- Underline-on-hover secondary link CTA (LEARN MORE) sitting beside the solid primary button
- Sky-blue and pale-blue tint blocks for section grounds: #a0cfdc (rgb 160,207,220), #b6ebf9 (rgb 182,235,249), #f2f7fd (rgb 242,247,253)
- Stat proof row: four oversized numbers (100+, 80%, 125+, 92%) each with a short qualifier line
- Press logo marquee strip (Vogue, New York, goop, NYT) as a scrolling trust band under the hero
Do not copy
- The HEYDAY wordmark with its arced/tilted lettering
- The exact navy + butter-yellow + sky-blue palette as a set
- Real client testimonials and named reviewers (Kat A., Rona, Kiana...)
- The SunsetGothic / Sunset Gothic Pro licensed typeface
- Face Reality and other partner-brand trademarks and the press logos (Vogue, goop, NYT)
- The esthetician/facial treatment photography
- Brand-specific copy like 'Look forward to your Heyday' and 'skincare beyond the chair'
- The animated skin-renewal wave gradient motif