Visual Design Guide

Reusable and cross-platform components and style options

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.

Our logo

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.

We use Adelle for our typeface

Colors

Primary

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

000000

Black, 000000

333333

Graphite, 333333

666666

Gray, 666666

A8A5A0

Chrome, A8A5A0

F6F5F3

Dust LightF6F5F3

Secondary

Commonly used for accents or backgrounds behind smaller blocks of text.

06263B

Ultramarine, 06263B

0A6ABF

Blue Sky, 0A6ABF

18A0FB

Bright Blue, 18A0FB

8BCFFD

Light Bright Blue, 8BCFFD

EDF1F8

Soft Blue, EDF1F8

004F45

Viridian, 004F45

00B69F

Seafoam, 00B69F

E6EDEC

Juniper, E6EDEC

82D943

Terminal, 82D943

D9FDD1

Terminal Light, D9FDD1

80271F

Oxblood, 80271F

FF4B3C

Fiesta, FFB3C

FF938A

Apricot, FF938A

FF3D7F

Pink, FF3D7F

FDEBE7

Blush, FDEBE7

F05F2A

Poppy, F05F2A

F8A467

Sienna, F8A467

FABA99

Peach, FABA99

F2CB05

Daisy, F2CB05

8247ED

Royal, 8247ED

Icons

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

iconography

Watch Anytime, Anywhere

Watch our films on your phone, tablet, or connected TV.