Screenshot of Heyday Skincare 2

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