Primitive

Token Inspector

Auto-emitted from DSKintsugiCatalog.tokeninspector. Tier atom.

Live Preview

Typography

display Cormorant Garamond · 34pt / 500
Display text
heading1 Inter · 28pt / 700
Heading 1
heading2 Inter · 22pt / 600
Heading 2
body Inter · 17pt / 400 · 1.6
Body copy in Inter at 17 pt with 1.6 line-height — optimised for multi-line passages in English and French.
caption Inter · 13pt / 400
Caption — supplementary metadata, timestamps, field labels.

Spacing

xs
4 pt
sm
8 pt
md
16 pt
lg
32 pt
xl
64 pt
xxl
96 pt

Corner Radius

small 4 pt
medium 6 pt
card 12 pt
badge 20 pt

Shadows

low r:4 · y:2
medium r:8 · y:4
high r:16 · y:8
Native · macOS
macOS SwiftUI render of Token Inspector
DSL usage
// Render all four token families
TokenInspector(theme: .wabisabi, categories: [.typography, .spacing, .radius, .shadow])

// Typography + spacing only (compact mode)
TokenInspector(theme: .wabisabi, categories: [.typography, .spacing])

// Radius + shadow swatch panel
TokenInspector(theme: .wabisabi, categories: [.radius, .shadow])
Attributes
NameTypeDefaultDescription
theme Theme .wabisabi Theme token source — currently only .wabisabi ships; future: .highContrast, .seasonal.
categories [TokenCategory] [.typography, .spacing, .radius, .shadow] .typography | .spacing | .radius | .shadow — controls which sections render.
Used in
c-tech sigma-analytics KatagamiScreens