Typography

Fonts

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, accessibility, and font smoothing to allow all users to efficiently read and absorb textual information.

Typefaces

Avenir Next is the primary brand typeface and can be used across all formats from print to digital. Its round and geometric letterforms are approachable and modern.

Avenir Next Demi Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

HTML code snippet

<h3 style="font-weight: 600;letter-spacing: 1px;">Avenir Next Demi Bold</h3>

<h4 style="font-weight: 600;letter-spacing: 1px;">ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
abcdefghijklmnopqrstuvwxyz<br>
0123456789</h4>

Avenir Next Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

HTML code snippet

<h3 style="font-weight: 500;">Avenir Next Medium</h3>

<h4 style="font-weight: 500;">
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
abcdefghijklmnopqrstuvwxyz<br>
0123456789</h4>

Avenir Next Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

HTML code snippet

<h3>Avenir Next Regular</h3>

<h4>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
abcdefghijklmnopqrstuvwxyz<br>
0123456789</h4>

Latest Updates

Page last edited:
Show all details
Edit page