kami (紙 / 纸)
Identity
Editorial & Print
Bundled OpenDesign package for kami (紙 / 纸), derived from curated DESIGN.md, tokens.css, and components.html fixtures.
Typography
Ag
Ag
Ag
--text-4xl · 96pxThe quick brown fox--text-3xl · 48pxThe quick brown fox--text-2xl · 32pxThe quick brown fox--text-xl · 22pxThe quick brown fox--text-lg · 17pxThe quick brown fox--text-base · 14pxThe quick brown fox--text-sm · 12pxThe quick brown fox--text-xs · 11pxThe quick brown foxPalette
#f5f4edPage background — defines the brand canvas.#faf9f5Card / lifted container background.#e8e6dcTertiary surface tier (kami warm-sand).#141413Primary text color.#3d3d3aSecondary text tier (kami dark-warm).#504e49Subtext / captions.#6b6a64Tertiary FG / metadata tier (kami stone).#e8e6dcDefault border / card edge.#e5e3d8Inner row separator that should not visually compete.#1b365dBrand accent. ≤2 visible uses per screen (lint enforced).#faf9f5FG when --accent is the bg.#4a6b3aSuccess state.#8a6b1fWarning state.#8a3a30Danger state.Also named in DESIGN.md
#2d5a8aBrighter variant, only for links sitting on dark surfaces.#30302eDark-theme containers — warm charcoal, not slate.#eef2f7Imagery & layout
Radius
4px8px12px9999pxSpacing
--space-1 · 4px--space-2 · 8px--space-3 · 12px--space-4 · 16px--space-5 · 20px--space-6 · 24px--space-8 · 32px--space-12 · 48pxElevation
--elev-raisedLayout
Layout rules
- Max content width: 1120px, centered, with padding: 88px 64px 120px on desktop.
- Section gap: 72px between top-level sections.
- Card-grid columns: 2 by default at desktop; collapse to 1 below 768px.
- Table columns sized in absolute px (not %), so kami tables don't reflow into spaghetti.
- Four-side padding baseline: --slide-pad: 80px.
- Padding-top of a content slide: 72–80px (print is 96–120px; slides are more compact).