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 over a muted 3:4 photograph in 1–3; a Mincho title (step 5) in 4–11; features follow in 4–12 as rows separated by wide space: a light numeral (step 5), the title (step 3) and a body paragraph.
Slots
sectionLabel, image, title, features[3..5]
Grid areas
image 1-3 · title 4-11 · rows 4-12 (12-column grid, 1-based inclusive spans)
Notes
At phone width: label, photograph, title, then the rows (numeral, title, paragraph stacked).
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 with a muted 3:4 grayscale photograph under it in 1–3. A Mincho title (step 5, weight 400) in 4–11. Features follow in 4–12 as rows separated by wide space (6 units), no rules, each on a nine-column sub-grid: a light muted numeral (step 5, weight 300) in 1–2, the feature title (step 3, weight 400) in 3–5 and its paragraph (body, loose leading, max 40 ch) in 6–9, all on one baseline. At phone width: label, photograph, title, rows.

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.