hero.japanese-enso · Ensō

A hero pattern from Japanese Minimal, 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.japanese-enso". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A thin brush-like ring (ensō) occupies 2–6; the headline and subhead hang in 8–11 bottom-aligned to the ring's centre, with a small seal and a text link under them.
Slots
headline, subhead, cta
Grid areas
enso 2-6 · text 8-11 (12-column grid, 1-based inclusive spans)
Notes
Draw the ring as an open, slightly uneven circle (a single SVG brush stroke with a gap at the top right), 2–3 px, in the heading ink. Never filled.
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)
Section
vertical padding step 8

Pattern notes

  • An ensō — an open, slightly uneven brush ring, 2–3 px, in the heading ink, never filled — fills columns 2–6. The h1 (step 4, weight 400, max 12 ch) and subhead hang in 8–11, bottom-aligned with the ring's centre; under them, a small seal and a text link on one line.

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