UI Foundation

ServoAgent Design System

Tokens, layout primitives, forms, motion, icons, and charts built to support the dashboard without another styling fork.

6 responsive grid presetsTheme + spacing tokensTyped icon registry

Tokens

Georgia, Times New Roman, serif

Accent: hsl(18 92% 56%)

Spacing XL: 2rem

Motion base: 220ms

Themes

Daylight and midnight surfaces

dawn

hsl(18 92% 56%)

midnight

hsl(187 94% 43%)

Spacing

Shared inset and gap rhythm

2xs0.25rem
xs0.5rem
sm0.75rem
md1rem

Motion

Preset animation hooks for reveal and emphasis

fade
scale
float
glow

Typography Scale

Display, headings, body copy, captions, and code tone

display

Operational UI that still feels intentional.

heading

Calibrated hierarchy for dense dashboards

body

Body copy stays compact, readable, and slightly editorial instead of defaulting to generic app chrome.

mono

servoagent/ui.foundation

Form Components

Shared field wrappers for labels, hints, and errors

Shown across shared dashboards.

Used for deployment grouping.

Icon Library

Shared glyphs for dashboards and docs

shield

layers

palette

type

grid

book

chart

sparkles

users

arrowRight

Responsive Visualization

Charts and grids built for small and large surfaces

Col 1
Col 2
Col 3
Col 4
Col 5
Col 6
83%