features.japanese-stepping-stones · Stepping stones

A features pattern from Japanese Minimal, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 4. Give the section root data-pattern="features.japanese-stepping-stones". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A small label in 1–2 and a quiet title in 4–7; features follow as widely spaced rows: small number in 4, title in 5–7, a short paragraph in 8–10. Columns 1–3 and 11–12 stay empty.
Slots
sectionLabel, title, features[3..5]
Grid areas
label 1-2 · title 4-7 · number 4-4 · item 5-7 · body 8-10 (12-column grid, 1-based inclusive spans)
Tokens
bg #F4F1EA · text #2B2925 · heading #1F1D1A · accent #A63A28 · accent2 #D78575 · Shippori Mincho / Zen Kaku Gothic New · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • A small muted label in 1–2 and a quiet title (step 2, weight 400) in 4–7. Features follow as rows separated by wide space (10 units), no rules: a small muted number in column 4, the title (h4, weight 400) in 5–7, a short paragraph (small, loose leading, max 36 ch) in 8–10.

What you get

What we do

01

Positioning

Find the one sentence your best customers already believe.

02

Identity systems

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

03

Websites

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

04

Sales enablement

Decks, one-pagers and demos your reps actually use.