Alpha

Colors

Primary

50
100
200
300
400
500
600
700
800
900

Neutral

50
100
200
300
400
500
600
700
800
900

Typography

display(xl)

The quick brown fox

60px / 900
display(lg)

The quick brown fox

48px / 900
heading(xl)

The quick brown fox

36px / 700
heading(lg)

The quick brown fox

30px / 700
body(lg)

The quick brown fox

18px / 400
body(md)

The quick brown fox

16px / 400
caption

The quick brown fox

12px / 400

Spacing

xs
4px
sm
8px
md
12px
lg
16px
xl
20px
2xl
24px
3xl
32px
4xl
40px
6xl
64px

Components

Buttons

Cards

Elevated Surface
Flat Surface
Class Inspector: ⌘ + hover