Internal · design contract

Mental Health For Teens — design preview

Token and component reference before homepage ship. Not indexed.

Color palette

Cream

#F4EFE6

Paper

#FBF8F1

Sage tint

#EBEFEA

Ink

#2A2018

Body

#473C32

Sage

#9CB4A4

Apricot

#E8A87C

Terracotta

#D97F52

Clay

#C25B4E

Night

#17120F

Typography

Hero heading with italic accent

Section H2 with sage emphasis

Card H3 — Newsreader 500

Body copy in Hanken Grotesk at 17px / 1.6 — warm, readable, parent-focused clinical tone.

Eyebrow label · mono uppercase

CTA variants

Primary cream pill→Ink pill→Outline on dark

Hero aurora preview

Aurora Coast canvas

Paper section

Programs on paper background

Alternating cream / paper / sage rhythm.

Sage tint section

Insurance on sage tint

Used for insurance and cost callouts.