features.scandinavian-soft-alternating-rooms · Alternating rooms

A features pattern from Scandinavian Soft, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 2. Give the section root data-pattern="features.scandinavian-soft-alternating-rooms". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A section title at step 5 on 2–7 with a muted lead on 8–11; then three rooms, each a large rounded 3:2 photo on 1–6 and its text on 8–12 (title at step 4), mirrored on every second room.
Slots
sectionLabel, title, lead, features[3..3]
Grid areas
heading 2-7 · lead 8-11 · image 1-6 · text 8-12 (12-column grid, 1-based inclusive spans)
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)

Pattern notes

  • Header row: label and an h2 at step 5, weight 400 (≤18 ch) in 2–7, bottom-aligned with a muted lead in 8–11. Then three rooms, 80 px apart: a large rounded 3:2 photo in 1–6 and text in 8–12 (muted number, title at step 4 weight 400, a lead-size muted paragraph ≤40 ch, an arrow link), vertically centred. Every second room mirrors (photo 7–12, text 1–5). No cards, no icons. Phone: photo above its text.

What you get

What we do

Each engagement starts with a two-week audit: interviews with customers, sales and the people who build the product. The brief writes itself after that.

01

Positioning

Find the one sentence your best customers already believe.

Learn more

02

Identity systems

Logos, type and colour that work on a factory floor and a pitch deck.

Learn more

03

Websites

Fast, editable sites built on the CMS your team already knows.

Learn more