hero.scandinavian-soft-quiet-sun · Quiet sun

A hero pattern from Scandinavian Soft, 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.scandinavian-soft-quiet-sun". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A large pale circle rests behind columns 8–11; the headline, subhead and an inline newsletter form sit flush left in 2–7. No image.
Slots
eyebrow, headline, subhead, newsletter
Grid areas
text 2-7 · sun 8-11 (12-column grid, 1-based inclusive spans)
Notes
The circle uses the surfaceAlt colour (low contrast, purely atmospheric) and hides at phone width; the form never crosses it. Display weight 300.
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #69A382 · accent2 #5DA29C · Nunito / Nunito Sans · radius 16px · space unit 8px (full list in design/tokens.json)
Section
vertical padding step 10

Pattern notes

  • No photograph. A very large circle in the surfaceAlt colour sits in columns 8–11; the text block in 2–7 sits beside it and never crosses it: eyebrow, display headline at step 6 weight 300 (≤20 ch), a muted lead and an inline email form. The circle is low-contrast atmosphere, not a graphic; it hides at phone width.

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.

Email
you@example.com
Subscribe