Primitive

WabiSabi Theme

Auto-emitted from DSKintsugiCatalog.wabisabitheme. Tier atom.

Live Preview

Primary colours

0A1530
Navy Deep
#0A1530
rgb(10 21 48)
Dark surfaces · slide covers · storybook sidebar
D5A560
Gold
#D5A560
rgb(213 165 96)
Primary accent · rules · monogram · sigils
B82E2E
Carmine
#B82E2E
rgb(184 46 46)
Italic emphasis · active tags · danger ink
F5EFE3
Cream
#F5EFE3
rgb(245 239 227)
Primary surface · paper · light slides

Ink & neutrals

ink
0A1530
ink-2
2A3346
ink-3
4A5366
muted
7A8499
line
D8D0BD
paper
FAF6EE

Gradients

Deep Navy
linear-gradient(135deg, #06102A → #0F1E45 → #1B3066)
Gold Halo
radial-gradient(80% 80% at 20% 20%, #D5A560 → #8E5C24)
Carmine Velvet
linear-gradient(135deg, #B82E2E → #8E2222)
Cream Sand
linear-gradient(120deg, #F5EFE3 → #E8C997)

Typography

DisplayCormorant Garamond72 / 500 · -.02em
Wabi-sabi elegance
H1Inter40 / 700 · -.02em
Heading display
H2Inter28 / 600 · -.015em
Section heading
BodyInter16 / 400 · 1.6
Body copy sets in Inter at 16px with a line-height of 1.6 — tuned for multi-line passages in both English and French.
MonoJetBrains Mono14 / 500
let theme = WabiSabiTheme(colors: .zen)

Spacing — 8-base

s1 · 8
s2 · 12
s3 · 16
s4 · 24
s5 · 32
s6 · 48
s7 · 64
s8 · 96
Native · macOS
macOS SwiftUI render of WabiSabi Theme
DSL usage
// SwiftUI consumption
@Environment(\.wabiSabiTheme) var theme
Text("Hello")
    .font(theme.typography.font(.body))
    .foregroundStyle(theme.colors.textPrimary)
    .padding(theme.spacing.md)

// Cross-target (W4 Pass 3)
ViewNode.text("Hello", style: TextStyle(color: .foreground))
    .padded(.md)
    .resolved(by: WabiSabiTheme.zen)
Attributes
NameTypeDefaultDescription
colors WSThemeColors .zen Color set — currently only Zen ships. Future: high-contrast, seasonal.
typography WSThemeTypography .default Font family, size scale, weight palette.
spacing WSThemeSpacing .default 8-base unit + scale ratios (s1..s9).
name String "Zen" Human-readable theme identifier.
Used in
sigma-analytics wabisabi obyw-one c-tech (planned W4 dedup)