Five distinct homepage directions for jodiehayward.com — each fully on the brand guidelines (charcoal-led, type-driven, sharp-edged, B&W editorial), each built around the same job: the "I feel seen" moment in 10 seconds, and the free private podcast email opt-in.
Type does the heavy lifting. Works beautifully before the photography session lands. One primary action per page — the podcast opt-in.
Charcoal #323232, Off-White #FAF9F7, Sage #60695D, Yellow #FDFC30 as the single accent. Nothing else.
Poppins Bold headings (Dallas stand-in), Lora long-form body, Courier Prime labels — exactly per the guidelines.
Flow & animation, bold headers, intimate bio, editorial aesthetics — reinterpreted through Jodie's sharper, charcoal-led identity.
Pure type-led and unapologetic. A single arresting truth fills the screen; the language is the whole design. Premium restraint, maximum confidence.
View live →A scroll-driven story. Words rise in, yellow underlines draw themselves, a moving marquee carries the pillars. The most alive and animated of the five.
View live →A high-end magazine spread. Asymmetric grid, masthead hero, signature charcoal frame border, B&W photography framed like a Vogue feature.
View live →Intimate and personal. Opens with the things she's said quietly to herself, rotating one by one — then a warm "Hey, I'm Jodie" bio that earns the trust.
View live →Architectural and methodology-led. The two frameworks shown as a system resolving into Radical Alignment. For the woman who buys the thinking.
View live →Walk Jodie through all five, then we pick one direction (or a hybrid) to develop into the full Phase 1 build — home, about, work with me, speaking, contact and the opt-in ecosystem.
Photography, final copy & ActiveCampaign wiring to follow.