Foundations
Foundations
Champagne Paper is built on a material world — every token references the physical reality of academic publishing. Color echoes binding cloth and archival paper. Typography assigns intellectual roles to distinct voices. Space is not empty — it is the breath between ideas.
Color
24 semantic tokens, 6 core brand colors, WCAG contrast ratios, and dark mode inversion strategy.
Explore →
Aa
Typography
Four font families with distinct roles, 12 type scale levels, and pairing rules.
Explore →
Spacing
12-step spacing scale built on a 4px base unit, grid system, and three density modes.
Explore →
Motion
4 easing curves, 4 timing tokens, and animation principles — sparse, intentional, accessible.
Explore →
Shadows
8-level warm ink elevation system, burgundy glow, AI glow, paper texture, and focus rings.
Explore →
AI Gradient
The cool fuchsia/violet/cyan palette for AI-native features — with strict usage rules.
Explore →