Design · ledgerbridge

Developer-grade system for a sync engine: dark, oklch, one primary hue, and a fixed status vocabulary that stays canonical under data density.

Live demoCase study

The complete system

Foundations plus every component, rendered straight from the Claude Design handoff.

Foundations
ledgerbridge foundations
Components
Buttons
Buttons · Primary, secondary, ghost, danger + icon buttons
Status badges
Status badges · The fixed vocabulary: Synced, In flight, Queued, Conflict, Failed, Dead-letter
Badges
Badges · Neutral, accent and semantic variants
Form controls
Form controls · Inputs, selects, validation, checkbox, switch
Surfaces & stats
Surfaces & stats · Panels and money-dense stat tiles