hero.organic-sun-hill · Sun over hill

A hero pattern from Organic Earth, drawn alone below with this design's tokens and sample copy. Not used in this design: shown with its tokens for comparison. Give the section root data-pattern="hero.organic-sun-hill". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A clay half-sun rises on 8–12 behind the headline block on 1–7; a wide rounded landscape image follows, then the subhead on 1–6 and the action on 9–12.
Slots
eyebrow, headline, heroImage, subhead, cta
Grid areas
sun 8-12 · headline 1-7 · landscape 1-12 · subhead 1-6 · action 9-12 (12-column grid, 1-based inclusive spans)
Notes
The half-circle's flat edge sits on the image's top edge, like a sun on the horizon.
Tokens
bg #F3EBDD · text #2E2A22 · heading #2A1F14 · accent #BC572B · accent2 #A56B00 · Fraunces / Karla · radius 28px · space unit 8px (full list in design/tokens.json)
Section
vertical padding step 8

Pattern notes

  • A clay half-circle (xl) rises on 8–12, its flat edge resting on the top edge of the landscape image below. The headline block (italic eyebrow + step 7 headline) sits bottom-aligned on 1–7 in the same row. Row 2: a 21:9 rounded landscape illustration across 1–12. Row 3: the lead (step 2) on 1–6 and the primary button on 9–12.

Brand & product studio

We make complicated companies simple to choose

Northfold is a 14-person studio helping manufacturers, labs and B2B teams explain what they do — and look like they mean it.

Start a project