hero.scandinavian-soft-panorama · Soft panorama

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-panorama". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Headline in 2–7 and a short subhead with CTA in 9–11 share a baseline above a rounded 21:9 panorama; three quiet facts sit under it in 2–11.
Slots
headline, subhead, cta, heroImage, facts[3..3]
Grid areas
headline 2-7 · aside 9-11 · panorama full · facts 2-11 (12-column grid, 1-based inclusive spans)
Notes
The panorama is the hero's weight: rounded corners, a calm interior or landscape. Facts open with a small accent dot, no icons.
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 8

Pattern notes

  • Top row: display headline at step 6, weight 300, in 2–7, bottom-aligned with a short muted subhead and an arrowed secondary button in 9–11. Below: one rounded 21:9 panorama across the full grid. Under it, three facts in a row across 2–11, each a small accent circle, a label at weight 600 and a short muted line. Phone: headline, subhead, button, panorama, facts stacked.

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

Hours

Studio open Mon–Thu, 9:30–18:00

Where

Rua da Boavista 72, 1200-066 Lisboa

Contact

+351 21 340 5512