Design System

Every token. Every component. One system.

Color token system
Typography scale
Navigation components

Champagne Paper components

BaseUI-powered primitives themed with the full token set — buttons, cards, overlays, and more.

Composable blocks

Install any block via npx shadcn add @champagne-paper/hero-aurora-01 and drop it into your project.

Burgundy#800020
Champagne#FCFCE9
Paper#FCFCFA
Ink#1B1B27

Four-color palette

Burgundy · Champagne · Paper · Ink — every surface traceable to a physical material.

font-serifInstrument Serif — hero & H1
font-displayOswald — CTAs & labels
font-sansInstrument Sans — body
font-monoSpace Mono — code

Four-font rule

Strict roles per font family — no substitutions, no exceptions.

hero-aurora-01
hero-aurora-02
bento-01
rich-text-01

shadcn-compatible registry

Every block is a registry item. Install with one command. No config needed.