Prism. Design System

One component library, three visual languages. Switch themes to watch every token — colour, radius, contrast — re-skin the same components.

Colour tokens — click to copy
Type scale
display / 40Design once
h1 / 30Ship everywhere
h2 / 22Section heading
body / 15Body copy stays comfortable at long line lengths, roughly sixty to seventy characters.
caption / 12.5Caption — timestamps, helper text and table meta.
Buttons
Forms & controls
We'll never share it. Focus me to see the ring.
Email notifications
Weekly digest
Two-factor authentication
● Active● Pending ● Failedv2.4.0
Alerts
✅Payment receivedInvoice #204 was settled and a receipt has been emailed.
⚠️Storage almost fullYou've used 92% of your plan. Upgrade before uploads pause.
⛔Sync failedWe couldn't reach the calendar integration. Retrying in 5 minutes.
Cards

Quarterly design review

12 screens updated to the new spacing scale — ready for sign-off.

Component coverage

41 of 48 components migrated to tokens. Seven remain in legacy styles.