Design System
- keep line lengths between 45 and 75 ch
- use classNames. say no to "just one more prop bro"
- don't do anything that would make Inga scowl
Colors
also check out thetailwindcss docsand globals.css
Canvas
0
50
100
Ink
50
100
200
300
400
500
600
700
800
900
950
Gray
50
100
200
300
400
500
600
700
800
900
950
Primary
50
100
200
300
400
500
600
700
800
900
950
Indigo
50
100
200
300
400
500
600
700
800
900
950
Teal
50
100
200
300
400
500
600
700
800
900
950
Scarlet
50
100
200
300
400
500
600
700
800
900
950
Misc
warning
error
ink-0
ink-1000
Buttons
Toggles
ChoicesToggleGroup
YES / NO / IDK
Single choice
Deluxe response
Perpetual
Select (native)
Loading
Inputs
Copy Link
Other random stuff
Alert box
this is a warning message!