Internal reference
The FoundHers design system
Colour
Blue #486D9B
Navy #1A1E35
Coral #FF6F61
Amber #FFC857
White #FFFFFF
Teal #027B76
Lilac #CEA4CC
Sand #F2E5D3
Sky #93D2D8
Blue deep (derived)
Coral deep (derived)
Navy soft (derived)
Paper (derived)
Muted (derived)
Rules: navy text on coral fills, never white. No coral text at body size on light grounds. Never two dark sections adjacent.
Typography
Display / The Seasons*
H1 / The Seasons
H2 / The Seasons
H3 / Recoleta
H4 / Recoleta
Lead / Poppins. What a woman builds matters, and so does the story of how she built it.
Body / Poppins Regular. The FoundHers is a storytelling and discovery platform to share stories of women in business.
Eyebrow / PT Sans
*Currently rendering Fraunces while The Seasons webfont licence is resolved (brief 18.1). The stack falls back The Seasons → Recoleta → Fraunces.
Hear HER Story
Watch HER build it
The HER device: uppercase HER, sentence case around it, blue by default, teal in podcast contexts. Never transformed by CSS.
Buttons
Chips
Cards
Motion
- Reveal: rise 24px, 720ms, ease-out, 90ms stagger, fires once.
- Rules: scaleX draw, 900ms. Text links: underline draws left, retracts right.
- Cards: 4px lift, 4 percent image scale, title colour. Nothing else.
- Hero rolling column: 45s / 60s loops, pauses on hover and focus.
- Everything honours prefers-reduced-motion. transform and opacity only.
Form fields
This is what an error looks like.