Internal · temporary
Brand & Style Guide
The design language of My Hormone IQ — warm, calm, and confident, with one playful signature: the hard offset shadow.
Logo
Blue — on white & cream surfaces
White — on navy surfaces
Color
Four brand colors plus white and black. Navy does the talking; cream keeps it warm; teal lives only in testimonial cards, sage only in the marker underline.
Navy
Ink. Headings, body text, primary buttons, footer & band surfaces.
Cream
Warm surface. Hero bands, cards, buttons on navy.
Teal
Testimonial cards only — nowhere else.
Sage
The em marker-underline only — nowhere else.
White
Base surface between the warm bands.
Black
Hard offset shadows and active-pill borders only.
Typography
Everything is polymath (Adobe Fonts); the nav and menus use polymath-display. Specs read desktop → laptop → tablet → mobile.
Display
75 → 53 → 52 → 40px · w600 · polymath
Find Hormonal Balance
Primary heading
45 → 41 → 35 → 32px · w600 · -1px tracking
Discover the Path to Hormone Balance
Lead
25 → 21px · w400
Your body’s hormones can be thrown off by hundreds of imbalances?
Sub
20 → 19 → 18px · w400
Understanding the interaction between hormone metabolites.
Body
22 → 20 → 18px / 33px · w500 (default)
No guesswork, no unnecessary treatments – just clear, science-backed guidance paired with personalized supplements.
Text
17 → 15 → 14px / 24px · w500
Small body copy used in testimonials and the footer tagline.
Small bold
16px / 24px · w600
Footer links & legal card headings
Tiny
14 → 13px · w300 · auto-capitalized
34 years old, NYC
Highlights use the sage marker underline — reserve for one phrase per section.
Buttons
6px radius, 2px border, black 4px offset shadow. On hover the shadow slides into the button and disappears — the button itself stays put. Navy leads on light surfaces, cream leads on navy.
On light surfaces
On navy surfaces
Full-width — hero & section CTAs
Surfaces & depth
Cards — 25px radius
Every card, image, and pill shares the same generous rounding.
Hard shadow
4px 4px 0 #000 — the signature. Buttons, active nav pill, feature cards.
Band rhythm
Sections alternate white → cream → navy. Never two navy bands in a row.
Core components
Testimonial card
“I've always been cautious about hormone testing services, but hormoneIQ is incredibly insightful and easy to use.”
Emily Johnson
34 years old, NYC
Stat pill
Women can experience up to 262 hormone dysfunctions
Accordion
A self-help platform designed to identify your specific hormone imbalance and provide natural solutions to restore balance.
No — all genders are affected by hormone health.
Active nav pill