Typography
We use a combination of two main fonts: Proxima Vara, and our own early learner font, Mikado-chan.
Mikado-chan
Mikado-chan is a customized font that was designed with the way young learners are taught to read and write in mind. Discovery Education owns the exclusive rights to Mikado-chan, which is a variation of the existing font, Mikado.
Mikado (帝): King or Emperor
Mikado-chan (帝ちゃん): Little King or Child King
Designer: Hannes von Döhren, in collaboration with our Sr. Designers Joyce Tai-Chau and Alexandra Corona
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj
Kk Ll Mm Nn Oo Pp Qq Rr
Ss Tt Uu VvWw Xx YyZz
1234567890!@#$%^&*
Mikado-Chan Available Weights
Mikado-chan is available in six weights: Light, Regular, Medium, Bold, Black, and Ultra.
We use Regular for paragraph copy within lessons and Bold for headers. Light, Black, and Ultra should only be used for editorial design products such as informative web pages, packaging, and marketing design.
Mikado-Chan Light
Mikado-Chan Regular
Mikado-Chan Medium
Mikado-Chan Bold
Mikado-Chan Black
Mikado-Chan Ultra
Mikado-Chan Recommended Styles
Mikado-chan is primarily used in student content for Grades PreK–2. There is a limited range of recommended sizes available because the text needs to be large and readable.
Jumbo
Size: 140px
Line Height: 115%
Weight: Black (900)
Title
Size: 80px
Line Height: 120%
Weight: Bold (700)
Header
Size: 70px
Line Height: 120%
Weight: Bold (700)
Body Copy
Size: 40px
Line Height: 135%
Weight: Regular (400)
Caption
Size: 25px
Line Height: 120%
Weight: Regular (500)
Examples of Mikado-chan Usage in Products:
Type and Color
Both Mikado-chan and Proxima Vara use Platform Neutral 800 for paragraph or body copy, but rules around headers differ.
Header: Color exploration is encouraged for Grades PreK–2. But all colors used must pass AA accessibility standards.
Paragraph Copy: Platform Neutral 800
Header: Platform Neutral 900
Paragraph Copy: Platform Neutral 800
Proxima Vara
Proxima Vara is an exciting new addition to our font family. It is a versatile and flexible typeface that builds on Proxima Nova. With Proxima Vara, we have expanded the range of weights, widths, and slants available to our designers. This allows for greater creativity and customization when it comes to creating effective type hierarchies for different design needs and use cases.
Proxima Vara Regular
Proxima Vara Semi-Bold
Proxima Vara Bold
AaBbCcDdEeFfGgHhIiJjK
kLlMmNnOoPpQqRrSsTt
UuVvWwXxYyZz1234567
890!@#$%^&*
Sizing
Predetermined sizes for all headings and body copy establish a clear hierarchy in our typography. This guides a user's attention to different sections of our interface. We have also included specifications for tracking and leading to enhance readability and ensure a pleasant reading experience.
Headings
H1
68px
Regular, Bold
120% Line Height
H2
54px
Regular, Bold
120% Line Height
H3
43px
Regular, Bold
120% Line Height
H4
35px
Regular, Bold
120% Line Height
H5
28px
Regular, Bold
120% Line Height
H6
24px
Regular, Bold
120% Line Height
Body
Body 1
18px
Regular, Semi-Bold, Bold
140% Line Height
Body 2
16px
Regular, Semi-Bold, Bold
130% Line Height
Small Caption
14px
Regular, Semi-Bold, Bold
140% Line Height
Specifications
Tracking
When using Proxima Vara, tracking is set to 0 (default) and does not change.
Leading
When using Headlines, Leading (line height) stays consistent at 120%. When using Body type(s), Leading (line height) varies between 130%-140%.
Usage
Below, find the specifics of how we set up interface core components to work seamlessly with our Proxima Vara typeface. Through careful alignment and integration of design principles, Proxima Vara ensures a visually appealing user experience.