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
Two to four features as calm rows: a rounded 4:3 photo in 2–6 and the text in 8–11; alternate sides on every second row.
Slots
sectionLabel, title, features[2..4]
Grid areas
label 2-7 · image 2-6 · text 8-11 (12-column grid, 1-based inclusive spans)
Notes
Even rows mirror (alternate: mirror): image 7–11, text 2–5. Never put features in cards.
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

  • Label and an h2 at weight 400 (≤22 ch) in 2–7. Then two to four rows, 64 px apart: a rounded 4:3 photo in 2–6 and text in 8–11 (muted number, h3 weight 400, a ≤44 ch paragraph, an arrow link), vertically centred. Flip every second row (photo 7–11, text 2–5). No cards, no icons.

What you get

What we do

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