Coinbase Design System
85% CSAT score | 95% adiption | Theming | Tokens | Styles | 100+ components | Patterns | Open Source
Styles & token architecture
Our styles includes color, typography, spacing, border radius, and elevation, with full support for both light and dark modes across all product UI.
Color
Typography
spacing
Border radius
elevation
Layout
Coinbase Design System has an opinionated approach to responsive layout behavior. We provide clear code specifications for breakpoints and layout types to create consistent, scalable experiences across screen sizes.
breakpoints
Layout types
Components
Coinbase Design System features over 100 components, ranging from simple UI elements like Avatar, Button, and Accordion to more complex components like InteractiveTable, MultiSelectAutocomplete, and Tray.
Patterns
Patterns are used frequently within Coinbase Design System as solutions for common experiences and workflows.
Feature-level screens
Screens demonstrating Coinbase Design System in production-ready experiences.
