Embedded Files
TYPOGRAPHY
TYPOGRAPHY
A clear typographic hierarchy is critical to the effective communication of our brand. Type should be light and well-spaced to reinforce that we are transparent, open, and approachable. This system uses weight, scale, and capitalization to convey the relative importance of each heading within a document. Readability and accessibility allow all users to efficiently read and absorb textual information.
STEM FONTS
Consolas, Arial, and Cambria/Cambria Math
are our primary STEM typefaces.
Consolas
Code/HTML
Arial
Microsoft Tools (Excel, Word, PPT)
Cambria/Cambria Math
Math Equations
COLOR
COLOR
Using color appropriately is one of the easiest ways to make sure our materials reflect a cohesive, accessible visual story.
PRIMARY COLOR SYSTEM
Color plays an important role in our branding. The primary colors are the recognizable identifier for our brand. Consistent use of these main colors will contribute to the cohesion across all our learning products.
Secondary Colors
Secondary colors are complimentary to our primary colors but are not recognizable identifiers for our brand. These colors should be used sparingly.
Greyscale
eC color palette can be extended to include grey tones ranging from white to eC black.
Tints and Tones
Tints and Tones expand upon the primary and secondary color palettes to help create visual cohesion when creating complex illustrations and data visualizations.
Download .ai Color File | Download .indd File here to grab color values.
ACCESSIBILE and INCLUSIVE design
Design for the diverse set of learners who will interact with our courses.
Accessible design Is based on accessibility guidelines which aim to make sure people with disabilities can access content effectively. It focuses primarily on four areas:
Vision: Content that can be navigated and understood by learners with low vision, color contrast issues, or full/partial blindness.
Hearing: Content that can be understood by learners who are deaf or hard of hearing.
Mobility: Content that can be navigated by someone who may not be able to use a mouse or even a keyboard.
Cognition: Content that can be understood by someone who might have dyslexia, ADHD, or other cognition/neurological difference.
These steps include designing with good color contrast, adding closed captions to audio, providing text descriptions of the visuals for learners who can’t see them, and ensuring the content can be accessed with a keyboard—not just a mouse.
Inclusive design is a methodology for how we approach design. It’s a process for creating a design that can be used by a diverse group of people. accessibility is one of the primary outcomes of an effective inclusive design process.
Page updated
Report abuse