Slopless Design

cta.japanese-ink-seal · Ink seal

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

Rule

On the surface tone: a vermilion seal square in column 2, column 3 left empty, then the headline (step 3) and a ghost button stacked in 4–8; columns 9–12 stay empty.

Slots

headline, cta

Grid areas

seal 2-2 · text 4-8 (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)

Section

background surface · vertical padding step 12

Pattern notes

On the `surface` tone: a medium vermilion seal square in column 2, the headline (step 3, weight 400, max 20 ch) and a ghost button stacked in 4–8, so one empty column separates them from the seal. Columns 9–12 stay empty.

Have a hard thing to explain?

Start a project