@platform/ui · Kanso primitives
Component kit
Living reference for the Kanso design system. Every primitive, every variant, visible on one page.
Button
4 variants × 3 sizes + icon. Primary is teal, accent of the system.
Badge
Inline status; neutral default, brand tones sparingly.
DraftActiveSubscriptionPaidLow stockFailed
Kbd
Keyboard hint primitive.
Search: press/· Palette:⌘K
Form
Label + Input + Field wrapper with hint/error states.
Used for receipts.
Lowercase, hyphens.
Must be at least 12 characters.
Shown on product page.
Card
Surface container. Header / Body / Footer composable.
Today
Orders placed in the last 24 hours.
0
Waiting on first sale.
Low stock
Variants below threshold.
- Linen Apron · M2
- Ceramic Mug4
- Enamel Pin5
Dialog · Dropdown · Tooltip
Radix primitives, Kanso-styled.
Typography
Space Grotesk display + Inter body + JetBrains Mono.
Commerce, simplified.
Kanso
Body copy in Inter — readable, neutral, unobtrusive.
Secondary text is muted one notch.
Helper text, the quietest.
SKU-12408-A · UUID-…
Color tokens
Named swatches, semantic usage.
bg
surface
surface-subtle
border
teal
teal-bg
purple
purple-bg
success
warning
danger
text