Gestalt UI

Infrastructure primitives. Radix color engine. React Aria foundations.

01 / Color Scales
background
#161618
gray
1
2
3
4
5
6
7
8
9
10
11
12
accent
1
2
3
4
5
6
7
8
9
10
11
12
success
1
2
3
4
5
6
7
8
9
10
11
12
warning
1
2
3
4
5
6
7
8
9
10
11
12
error
1
2
3
4
5
6
7
8
9
10
11
12
info
1
2
3
4
5
6
7
8
9
10
11
12
02 / Button
03 / Input
The mass nature type
04 / Dialog
05 / Checkbox & Switch
06 / Tabs
The overview panel shows the current state of the pendulum, including materialization status, active resonances, and pending obligations.
07 / Select
Nature
StatusLifecycle state
08 / Color Picker
Mode
dark Colors
Background
Gray
Accent
Semantic Preset
Ground
Export (dark)
{
  background: "#161618",
  gray: "#6b6b6b",
  accent: "#5e6ad2",
}
09 / Semantic Colors
red
orange
amber
yellow
green
emerald
cyan
blue
violet
pink