1. Colors
Color theory 14
Secondary colors16
Tertiary colors18
Hue / color wheel20
Color temperture22
Saturation24
Tint26
Tone28
Shade32
Selecting colors34
Monochrome colors36
Analogous colors38
Complementary colors40
Triadic colors42
Color psychology44
Contrast46
Color schema50
2. Typography
Typeface52
Fonts54
Serif56
San serif56
Italics58
Underlines60
Capatlization62
Letter spacing64
Line height66
Font size68
Font weight70
Legibility74
Text hierarchy76
Typography schema80
3. Component Design
Spacing84
Base Units86
Grids and Columns88
Buttons90
Borders92
Shadows94
Icons96
Labels98
Dividers100
Form Inputs102
Form Checkboxes112
Form Radio118
Form Textarea124
Form Toggle130
Form Dropdowns134
Form Submit button140
Badges144
Toasts154
Breadcrumbs156
Tables162
Lists172
Toooltips184
Cards192
Accordions200
Tabs206
Iconography206
Avatars216
4. Visual Hierachy
Visual Patterns224
Size and Text230
Buttons240
Inputs244
Color252
Contrast268
Proximity280
Alignment292
Consistency302
Negative Space316
Visual harmony318
Symmetrical hamony328
Asymmetrical harmony332
Radial harmony338
Harmony colors340
Harmony text and images342
Visual weight344
5. Design Process
Wireframe336
Styleguide346
Colors348
Typograhy350
Imagery354
Spacing356
Components358
6. Implementation
Creating a logo360
Building color palletes364
Preparing typography372
Imagery and icongraphy376
Designing UI elements378