dotUI
Brand color
Seed one color — the entire system regenerates from it.
Vibe
Foundation
Generated tonal ramps — seeds expand into full scales.
Base / gray
Gray strategy
Status colors
Success
Warning
Danger
Info
Heading font
Body font
Scale ratio
1.250
Base size
16px
Radius factor
Scales the whole corner-radius ramp.
Radius factor1.00x
Border width
1px
Density
Global control heights, gaps and padding.
Spacing scale
1.00×
Style family
The big re-skin: flat, soft, 3D or glass.
Shadow intensity
50%
Backdrop blur
Frost behind overlays and menus.
0px
Duration scale
Baseline transition speed.
150ms
Animations
Respect reduced-motion
Cursors
Interactive
Disabled
Focus-ring width
2px
Icon library
Stroke width
2px
Default mode
Which mode the exported system boots in.
Components are grouped — members of a group share one style and stay in sync. Pick a group to tune it.
Live in previewPreview-only (UI)