Visual Design Guide
The purpose of this guide is to help maintain a consistent visual design language across platforms and media. It’s important to make sure our presentation is cohesive and memorable since our look and feel (along with our stories and lesson plans) is one of the first things educators will experience when they come in contact with us. This guide should also eliminate the guesswork around some of our individual components and allow more time to focus on what we are responding to and creating. Our visual language is always evolving as we add new content and media so think of this more as a foundation to safely explore from as opposed to strict guidance. Exploration is welcome and encouraged.
Logo
Our horizontal logo is used in all instances where horizontal space is available. We also have a badge that should only be used for badges and avatars.

Typography
We use Adelle serif for quotes, headlines, and titles. Adelle Sans for paragraph copy, labels and buttons. Adelle can be replaced by fonts with similar characteristics in apps where Adelle isn't available.

Colors
Primary
Black is used for the logo and most often used for web text. Lighter grays used for larger background areas.

Black, 000000

Graphite, 333333

Gray, 666666

Chrome, A8A5A0

Dust Light, F6F5F3
Secondary
Commonly used for accents or backgrounds behind smaller blocks of text.

Ultramarine, 06263B

Blue Sky, 0A6ABF

Bright Blue, 18A0FB

Light Bright Blue, 8BCFFD

Soft Blue, EDF1F8

Viridian, 004F45

Seafoam, 00B69F

Juniper, E6EDEC

Terminal, 82D943

Terminal Light, D9FDD1

Oxblood, 80271F

Fiesta, FFB3C

Apricot, FF938A

Pink, FF3D7F

Blush, FDEBE7

Poppy, F05F2A

Sienna, F8A467

Peach, FABA99

Daisy, F2CB05

Royal, 8247ED
Icons
We are currently using Streamline Icons as a source for our iconography. Notable characteristics are light, consistent, friendly and geometric.
