Skill Wiki
Tokyo Minimal
Japanese minimalism translated to web: extreme negative space (ma), hairline rules, soft greys on warm off-white, mixed-script typography (Noto Sans JP + Inter), tatami-grid spatial logic.…
$ prime install @impeccable/persona-tokyo-minimalProjection
Always in _index.xml · the agent never has to ask for this.
TokyoMinimal [persona] v1.0.0
Japanese minimalism translated to web: extreme negative space (ma), hairline rules, soft greys on warm off-white, mixed-script typography (Noto Sans JP + Inter), tatami-grid spatial logic. The page breathes like a tea ceremony — every element earned its place.
Loaded when retrieval picks the atom as adjacent / supporting.
TokyoMinimal [persona] v1.0.0
Japanese minimalism translated to web: extreme negative space (ma), hairline rules, soft greys on warm off-white, mixed-script typography (Noto Sans JP + Inter), tatami-grid spatial logic. The page breathes like a tea ceremony — every element earned its place.
School
tokyo-minimal
Implies
- Font:
- Display: humanist-sans paired with Japanese sans — e.g. Noto Sans JP, Hiragino Sans, Yu Gothic, Inter, ABC Diatype, Söhne
- Body: Noto Sans JP, Hiragino Kaku Gothic ProN, Yu Gothic, system-ui — paired with Inter or Söhne for Latin
- Accent: Sazanami Mincho or Noto Serif JP for vertical/numbered ornaments only
- Color:
- Temperature: neutral-warm
- Palette: warm off-white + 3 soft greys + ink-black, no chromatic accent — #fafaf7 / #ededea / #b8b6b0 / #4a4845 / #1a1a1a
- Background: #fafaf7 (warm paper) — never #ffffff, never tinted blue
- Density: generous 1.7 — line-height 1.8 for Japanese, 1.6 for Latin, padding 32/48/64, paragraph spacing > line-height
- Layout: single-column with extreme outer margins (15-25% viewport), max content width 540-620px, hairline rules (#ededea 1px) as section dividers, vertical numerical ornaments
- Imagery: Hiroshi Sugimoto-style long-exposure B&W photography, soft-focus product shots on natural backgrounds, no isometric illustrations, no emoji
- Motion: minimal — 240ms ease-out fade-in only, no parallax, scroll progress indicators acceptable, hover states extremely subtle (1% opacity shift)
Example Brands
- Note.com
- Studio Anywhere
- Tonari
- Muji online
- Kinfolk magazine
- Hiroshi Fujiwara's fragment design
- Shisaku.com
- Kurashicom (Hokuoh Kurashi no Dougu-ten)
Composition
- Must Include:
- @community/principle-vertical-rhythm
- @community/fact-line-height-readability
- @community/principle-typography-hierarchy
- Must Avoid:
- @impeccable/persona-brutalist
- @impeccable/persona-dense-pragmatist
- Typography Required:
- Display: Noto Sans JP | Hiragino Sans paired with Inter or Söhne for Latin
- Line Height Jp: 1.8
- Line Height Latin: 1.6
- Color Required:
- Background: #fafaf7 (warm paper, never #ffffff)
- Palette: warm off-white + 3 soft greys + ink-black (no chromatic accent)
- Motion Prescriptions:
- @community/principle-vertical-rhythm
- @impeccable/template-easing-curves
Loaded when retrieval picks the atom as a focal / direct hit.
TokyoMinimal [persona] v1.0.0
Japanese minimalism translated to web: extreme negative space (ma), hairline rules, soft greys on warm off-white, mixed-script typography (Noto Sans JP + Inter), tatami-grid spatial logic. The page breathes like a tea ceremony — every element earned its place.
School
tokyo-minimal
Implies
- Font:
- Display: humanist-sans paired with Japanese sans — e.g. Noto Sans JP, Hiragino Sans, Yu Gothic, Inter, ABC Diatype, Söhne
- Body: Noto Sans JP, Hiragino Kaku Gothic ProN, Yu Gothic, system-ui — paired with Inter or Söhne for Latin
- Accent: Sazanami Mincho or Noto Serif JP for vertical/numbered ornaments only
- Color:
- Temperature: neutral-warm
- Palette: warm off-white + 3 soft greys + ink-black, no chromatic accent — #fafaf7 / #ededea / #b8b6b0 / #4a4845 / #1a1a1a
- Background: #fafaf7 (warm paper) — never #ffffff, never tinted blue
- Density: generous 1.7 — line-height 1.8 for Japanese, 1.6 for Latin, padding 32/48/64, paragraph spacing > line-height
- Layout: single-column with extreme outer margins (15-25% viewport), max content width 540-620px, hairline rules (#ededea 1px) as section dividers, vertical numerical ornaments
- Imagery: Hiroshi Sugimoto-style long-exposure B&W photography, soft-focus product shots on natural backgrounds, no isometric illustrations, no emoji
- Motion: minimal — 240ms ease-out fade-in only, no parallax, scroll progress indicators acceptable, hover states extremely subtle (1% opacity shift)
Example Brands
- Note.com
- Studio Anywhere
- Tonari
- Muji online
- Kinfolk magazine
- Hiroshi Fujiwara's fragment design
- Shisaku.com
- Kurashicom (Hokuoh Kurashi no Dougu-ten)
Composition
- Must Include:
- @community/principle-vertical-rhythm
- @community/fact-line-height-readability
- @community/principle-typography-hierarchy
- Must Avoid:
- @impeccable/persona-brutalist
- @impeccable/persona-dense-pragmatist
- Typography Required:
- Display: Noto Sans JP | Hiragino Sans paired with Inter or Söhne for Latin
- Line Height Jp: 1.8
- Line Height Latin: 1.6
- Color Required:
- Background: #fafaf7 (warm paper, never #ffffff)
- Palette: warm off-white + 3 soft greys + ink-black (no chromatic accent)
- Motion Prescriptions:
- @community/principle-vertical-rhythm
- @impeccable/template-easing-curves
Relations
contradicts: [@impeccable/persona-brutalist, @impeccable/persona-dense-pragmatist]
Compatible
- minimal
- warm
- refined
- editorial
- quiet-luxury
Conflicts
- brutalist
- vercel-clean
- stripe-fintech
- dense-pragmatist
Contradicts
- @impeccable/persona-brutalist
- @impeccable/persona-dense-pragmatist
Source
prime-system/examples/frontend-design/primes/compiled/@impeccable/persona-tokyo-minimal/atom.yaml