Design System
The visual foundations and components behind our products. A living reference, rendered with the same styles we ship.
One place to build from.
Explore a style, try a component, and copy an example into your app. Switch themes to see how every surface adapts. Components come directly from our shared UI package.
Brand & styles
Logos
The Prime Radiant mark and Foundation wordmark.
Brand & styles
Colors
The brand palette and colors with a purpose.
Brand & styles
Typography
A clear hierarchy, built with Inter Variable.
Brand & styles
Iconography
A consistent visual language with Lucide icons.
Brand & styles
Surfaces & spacing
Space, corner radii, and elevation.
Tokens
Semantic tokens
Shared CSS variables that adapt to the theme.
Components
Buttons
Actions, variants, sizes, and loading states.
Components
Badges
Small labels for status and metadata.
Components
Cards
Composed surfaces for related information.
Components
Inputs
Labeled fields, helper text, and validation.
Components
Dialog
Focused interactions with accessible overlays.
Components
Feedback
Alerts, progress, and loading placeholders.
Built on shadcn/ui and Radix. Inspired by the TanStack design system.