Design System (DESIGN.md)
Unified design system tokens parsed, validated, and synchronized across Astro/React editor controls and Flutter theme outputs.
Default Design System
ActiveVersion 1.0.0 • Synchronized with Astro & Flutter
Primitive Colors
blue-500
#3B82F6
slate-50
#F8FAFC
slate-100
#F1F5F9
slate-200
#E2E8F0
slate-300
#CBD5E1
slate-600
#475569
slate-900
#0F172A
red-500
#EF4444
white
#FFFFFF
black
#000000
Semantic Theme Colors (Light & Dark)
primary
Light
Dark
surface
Light
Dark
on-surface
Light
Dark
background
Light
Dark
on-background
Light
Dark
outline
Light
Dark
error
Light
Dark
Typography Scale
display-largeThe quick brown fox jumps over the lazy dog
display-mediumThe quick brown fox jumps over the lazy dog
display-smallThe quick brown fox jumps over the lazy dog
headline-largeThe quick brown fox jumps over the lazy dog
headline-mediumThe quick brown fox jumps over the lazy dog
headline-smallThe quick brown fox jumps over the lazy dog
title-largeThe quick brown fox jumps over the lazy dog
title-mediumThe quick brown fox jumps over the lazy dog
title-smallThe quick brown fox jumps over the lazy dog
body-largeThe quick brown fox jumps over the lazy dog
body-mediumThe quick brown fox jumps over the lazy dog
body-smallThe quick brown fox jumps over the lazy dog
label-largeThe quick brown fox jumps over the lazy dog
label-mediumThe quick brown fox jumps over the lazy dog
label-smallThe quick brown fox jumps over the lazy dog
Spacing Scale
none0px
xs4px
sm8px
md16px
lg24px
xl32px
2xl48px
Corner Radii Scale
none
0px
xs
4px
sm
8px
md
12px
lg
16px
full
9999px