Neutral
Color System
Neutral
Theme
Typography
Heading
Text
X High
HEX
000000
HEX
FFFFFF
Heading
Text
X Low
HEX
DEDEE3
HEX
25252D
Heading
Text
X Low
HEX
DEDEE3
HEX
25252D
Creativity is just connecting things. When you ask creative people how they did something, they feel a little guilty because they didn’t really do it, they just saw something.
Text
High
HEX
121217
HEX
EEEEF1
Creativity is just connecting things. When you ask creative people how they did something, they feel a little guilty because they didn’t really do it, they just saw something.
Text
Mid
HEX
25252D
HEX
B3B3BC
Creativity is just connecting things. When you ask creative people how they did something, they feel a little guilty because they didn’t really do it, they just saw something.
Text
Low
HEX
7D7D8C
HEX
5F5F6D
Frame
Neutral
Filled
Light Theme
Dark Theme
Top
Mid
Down
Frame
Top
HEX
FFFFFF
Frame
Mid
HEX
EEEEF1
Frame
Down
HEX
DEDEE3
Top
Mid
Down
Frame
Top
HEX
383843
Frame
Mid
HEX
25252D
Frame
Down
HEX
121217
Inverse
Filled
Light Theme
Dark Theme
Top
Mid
Down
Frame
Top
HEX
383843
Frame
Mid
HEX
25252D
Frame
Down
HEX
121217
Top
Mid
Down
Frame
Top
HEX
FFFFFF
Frame
Mid
HEX
EEEEF1
Frame
Down
HEX
DEDEE3
Neutral
Glass
Light Theme
Dark Theme
Top
Mid
Down
Glass
Top
HEX
FFFFFF
|
60
%
Glass
Mid
HEX
FFFFFF
|
40
%
Glass
Down
HEX
2A2A32
|
10
%
Top
Mid
Down
Glass
Top
HEX
2A2A32
|
50
%
Glass
Mid
HEX
2A2A32
|
30
%
Glass
Down
HEX
000000
|
30
%
Black
Light Theme
Dark Theme
Top
Mid
Down
Frame
Top
HEX
25252D
Frame
Mid
HEX
121217
Frame
Down
HEX
020202
Top
Mid
Down
Frame
Top
HEX
25252D
Frame
Mid
HEX
121217
Frame
Down
HEX
020202
White
Light Theme
Dark Theme
Frame
Top
HEX
FFFFFF
Frame
Top
HEX
FFFFFF
Container
Neutral
Light Theme
Dark Theme
Top
Mid
Down
Container
Top
HEX
FFFFFF
Container
Mid
HEX
EEEEF1
Frame
Down
HEX
DEDEE3
Top
Mid
Down
Container
Top
HEX
121217
Container
Mid
HEX
121217
Container
Down
HEX
000000
Black
Light Theme
Dark Theme
Top
Mid
Down
Container
Top
HEX
000000
Container
Mid
HEX
000000
Container
Down
HEX
000000
Top
Mid
Down
Container
Top
HEX
000000
Container
Mid
HEX
000000
Container
Down
HEX
000000
Layers
Layers
On Neutral
Light Theme
Dark Theme
High
Mid
low
Layer
High
HEX
000000
Layer
Mid
HEX
5F5F6D
Layer
Down
HEX
B3B3BC
High
Mid
low
Layer
High
HEX
FFFFFF
Layer
Mid
HEX
9898A4
Layer
Down
HEX
5F5F6D
Layers
On Inverse
Light Theme
Dark Theme
High
Mid
low
Layer
High
HEX
FFFFFF
Layer
Mid
HEX
9898A4
Layer
Low Contrast
HEX
5F5F6D
High
Mid
low
Layer
High
HEX
121217
Layer
Mid
HEX
5F5F6D
Layer
Down
HEX
B3B3BC
Layers
On Black
Light Theme
Dark Theme
Layer
High
HEX
C9C9CF
Layer
Mid
HEX
5F5F6D
Layer
Low
HEX
383843
Layer
High
HEX
C9C9CF
Layer
Mid
HEX
5F5F6D
Layer
low
HEX
383843
Color
Layers
On Black
Light Theme
Dark Theme
High
Mid
low
Layer
High
HEX
A442F5
Layer
Mid
HEX
94E894
Layer
low
HEX
FECAC5
High
Mid
low
Layer
High
HEX
A442F5
Layer
Mid
HEX
94E894
Layer
low
HEX
FECAC5
36PX
Between
Frames
Border
On Neutral
Frame
Light Theme
Dark Theme
Border
Frame
HEX
FFFFFF
|
100
%
Border
Frame
HEX
2A2A32
|
80
%
Border
On Inverse
Frame
Light Theme
Dark Theme
Border
Inverse
HEX
25252D
Border
Inverse
HEX
FFFFFF
Border
On Black
Frame
Light Theme
Dark Theme
Border
On Black
HEX
25252D
Border
On Black
HEX
25252D
36PX
Between
Frames
Glow
On Neutral
Frame
Light Theme
Dark Theme
Border
Frame
HEX
FFFFFF
|
100
%
glow
Frame
HEX
2A2A32
|
20
%
Glow
On Inverse
Frame
Light Theme
Dark Theme
glow
Inverse
HEX
7D7D8C
|
100
%
glow
Inverse
HEX
FFFFFF
|
30
%
Glow
On Black
Frame
Light Theme
Dark Theme
glow
On Black
HEX
2A2A32
|
50
%
glow
On Black
HEX
2A2A32
|
50
%
36PX
Between
Frames
Gradient
Tonal
Light Theme
Dark Theme
Pattern
Frame
HEX
EEEEF1
Pattern
Frame
HEX
121217
Pattern
On Neutral
Light Theme
Dark Theme
Pattern
Frame
HEX
FFFFFF
|
70
%
Pattern
Frame
HEX
2A2A32
|
60
%
Pattern
On Black
Light Theme
Dark Theme
Pattern
On Black
HEX
121217
Pattern
On Black
HEX
121217
120PX
Between
Sections