01 · foundations
29 tokensColor. Zinc neutrals, one accent.
Primitives are the atoms. Components consume only semantic tokens, never primitives directly. The accent shifts per theme. Everything else is shared.
Neutrals · zinc
8 tokenszinc-950
#09090B
bg.canvas
zinc-900
#18181B
bg.surface
zinc-800
#27272A
border.subtle
zinc-700
#3F3F46
border.strong
zinc-500
#71717A
fg.muted
zinc-400
#A1A1AA
fg.secondary
zinc-200
#E4E4E7
text on dark
zinc-50
#FAFAFA
fg.primary
Accents
7 tokensviolet-500
#7C6BFF
entrepta brand
violet-400
#9B8EFF
brand hover
indigo-400
#818CF8
status.info
emerald-500
#10B981
status.success
emerald-400
#34D399
soft success fg
amber-500
#F59E0B
status.warning
rose-500
#F43F5E
status.error
Semantic · dark
consume thesetoken
value
use
bg.canvaszinc-950page background
bg.surfacezinc-900card background
bg.surface.elevatedzinc-800/60card hover
bg.surface.brandbrand/15featured card
fg.primaryzinc-50primary text
fg.secondaryzinc-400secondary text
fg.mutedzinc-500metadata · timestamps
fg.brandvaries by themeaccent · CTAs
border.subtlezinc-800card border
border.strongzinc-700input · divider
status.successemerald-500synced · shipped
status.warningamber-500stale · partial
status.errorrose-500error · denied
status.infoindigo-400loading · syncing