Kaotypr, in your own values.

Component preview

One component system. Your fonts, colors and proportions.

const theme = yourConfig;

Control details

Body, label and secondary typography follow the same exported configuration.

Secondary help text

In progressKT
Disabled states

Menus and overlays

No command selected

Layout and integrations

Release overview
Small card rhythm and text roles
Current project activity
ProjectStatus
Design systemReady
ComponentsSelected
Workspace
November 2026

Chart palette

Twelve series colors, with shared grid and tooltip roles.

activity = 24

Notifications

instant
fast
normal
slow
slower
Project settings
Chip radius

Color roles

background

card

popover

muted

primary

secondary

accent

input

ring

border

border-subtle

border-strong

border-input

foreground
foreground-subtle
foreground-disabled
card-foreground
popover-foreground
muted-foreground
primary-foreground
secondary-foreground
accent-foreground

Radius roles

button
input
card
dialog
popover
chip
sheet

Shadow roles

card
popover
overlay
inset

State layers

hover
active
focus
selected
expanded