Prism — A Design System for Modern Products
Creating a flexible, accessible component library that scales across products and platforms.
The Problem
As the product portfolio grew, each team was rebuilding common UI patterns from scratch. Components looked different, behaved inconsistently, and accessibility was hit-or-miss.
Building Prism
Prism is a design system built for flexibility without sacrificing consistency. It provides:
Core primitives. Button, Input, Select, and other foundational components with built-in accessibility and theme support.
Composable patterns. Higher-level components like Modal, Dropdown, and Table built from primitives — customizable but consistent.
Design tokens. A comprehensive token system for colors, spacing, typography, and motion that enables brand customization without breaking the system.
Design Philosophy
- Accessible by default. WCAG 2.1 AA compliance built into every component, with keyboard navigation and screen reader support.
- Theme-aware. Dark mode, high contrast, and custom brand themes work out of the box.
- Developer-friendly. TypeScript-first API with great autocomplete and clear error messages.
Impact
Prism reduced component development time by 70% and improved accessibility compliance across all products. It's now used by 12 product teams and powers experiences for millions of users.
The system is open-sourced and has been adopted by several other companies as their foundation.