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