hero.japanese-ma-single-image · Ma with a single image

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-ma-single-image". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
One small 3:4 image in 8–10 near the top with its caption under it; a quiet h1 (step 3) and subhead pinned bottom-left in 2–5; a ghost button bottom-right in 11–12. Everything else is empty paper.
Slots
heroImage, caption, headline, subhead, cta
Grid areas
image 8-10 · text 2-5 · action 11-12 (12-column grid, 1-based inclusive spans)
Notes
The image never grows past three columns at desktop; the empty space around it is the composition. Muted, low-saturation photograph, square corners.
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

  • One small 3:4 photograph in 8–10, top-aligned, with its small muted caption directly under it. A quiet h1 (step 3, weight 400, max 14 ch) and a small subhead are pinned to the bottom of 2–5; a small ghost button sits at the bottom of 11–12. The image never grows beyond three columns.

Corvid Robotics — identity

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