1.0 1.1 1. 2 2 .0 2 .1 2 . 2 2 .3 2 .4 2 .5 2 .6 2 .7 2 .8 2 .9 2 .10 3.0 3.1 3. 2 3.3 3.4 3.5 3.6 3.7 3.8 4.0 4.1 4. 2 4.3 4.4 4.5 5.0 5.1 5. 2 5.3 5.4 5.5 5.6 5.7 6.0 6.1 6. 2 6.3 6.4 6.5 6.6 7.0 8.0 8.1 8. 2 8.3 8.4 8.5 8.6 8.7 8.8 8.9 8.10 Introduction Purpose Brand values Logo Introduction Logomark Logotype Lockup Clearance Color Minimum sizes Placement Avatar What to avoid Color Introduction Primary Secondary Tertiary Supplemental Shades Color contrast Themes Typography Introduction Serif Sans-serif Weights What to avoid Iconography Introduction Grid Weight Scale Alignment Style Library Photography Introduction Color Composition Elements Light and shadow AI generated Data visualization Introduction Grid lines & markers Spacing Primary colors Secondary colors Tertiarty colors Lines Bar & column charts Line charts Area charts Pie & donut charts 04 05 06 07 08 09 10 11 12 13 15 16 17 18 19 20 21 22 23 24 25 35 39 49 50 51 54 58 59 60 61 62 64 65 66 67 68 70 71 72 75 78 81 84 86 87 88 89 91 92 96 100 102 105 106 107 Introduction