DfS
Fundamentals
UX Principles
Visual Design
Copywriting
Primitives
Breakpoints
Color
Typography
Tools
Color Contrast
Components
Button
Checkbox
Input
Toggle/Switch
Primitives
Breakpoints
A palette of compatible, accessible, and muted or vibrant colors.
Breakpoint sizes
.fs0 { font-size: 10px; }
.fs1 { font-size: 12px; }
.fs2 { font-size: 14px; }
.fs3 { font-size: 16px; }
.fs4 { font-size: 20px; }
.fs5 { font-size: 24px; }
.fs6 { font-size: 32px; }
.fs7 { font-size: 48px; }
.fs8 { font-size: 64px; }
.fs9 { font-size: 80px; }