Design System
Canon
Less, but better. A comprehensive design system grounded in Dieter Rams' principles and Heideggerian philosophy.
"Weniger, aber besser"
— Dieter Rams
Explore the System
Foundations
Colors, typography, spacing, and motion — the building blocks of Canon.
Components
Reusable UI components that embody the Canon aesthetic.
Patterns
Common interaction patterns for forms, navigation, and feedback.
Coming SoonPhilosophy
The Heideggerian foundation — tools that recede into use.
The Subtractive Triad
Every element in Canon must pass through three levels of evaluation.
Implementation
DRY
"Have I built this before?"
Unify
Artifact
Rams
"Does this earn its existence?"
Remove
System
Heidegger
"Does this serve the whole?"
Reconnect
Mathematical Foundation
Canon uses the golden ratio (φ = 1.618) for spacing and typography scales.
Spacing Scale
xs
sm
md
lg
xl