Academy
Design
Toolkit
Guide for the
Academy
design assets.
Color Palette
Document Colors
The color palette for the Academy
design assets can be found in this file
under Document Colors.
Infographics
4A4A7E
3A3A65 7D7DD3
Colors 6767AF 9A9AF1
Labels Text
#8AA2B1 #43698
0
Guidelines PROBLEM SOLUTION RESULT
Border: none
Color: Any shade of purple [use of gradients],
grey used for labels
Font: Proxima Nova
Headings: all caps, bold
Company
Goal
Business
Unit
Goal
Optimization
Goal
Experiment
Goal
Illustrations
7BD7E6 AFE1E9
Colors FFCA2C FFD866 58CF57
78E377
ED8485 EFA0A1
Border Border Border Border Border
#4DD1E7 #8AA2B1 #FFBF00 #4EB84D #FD6B58
Primary Secondary
Guidelines People
Border: grey, 2px [can be reduced to 1px or .5px for more
detailed elements]
Corners: radius [2px, 4px, or 8px]
Fill: not the exact same shade as border
Color: blue or white, secondary colors used as accents
Web/Mobile
Charts/Graphs
Illustrations
People
Expressions
Guidelines
- Emotions conveyed with thought/
speech bubbles or mouths [smile, frown,
etc.] Corner: 37
- Dont include other facial features
Animals
Illustrations
Web/Mobile
Guidelines
Device
Primary features: grey
Border: grey, 2px
Secondary colors can be used
Fill: white
to highlight features
Corners: radius [2px, 4px, or
Corners: radius [2px, 4px, or
8px]
8px]
Illustrations
Charts/Graphs
Guidelines
Border: grey
Fill: blue
Secondary colors: used to highlight change or significance
Illustrations
Furniture
Guidelines
Border: grey, 2px
Fill: white
Illustrations
Travel/Transportation Places can be represented
by countries or landmarks
Countries: Landmarks:
w w
Color: yellow Fill: majority white, with blue or
Border: 2px green as accents
Transportation:
w
Fill: majority white, blue
as accents
Illustrations
Abstract Concepts
These illustrations follow the general
guidelines for borders, fill, and corners.
Winning is addicting Experiments More time Certainty
More freedom with color use, try to keep
number of colors in one illustration to no
more than 4.