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

We recently updated our primary brand typeface to Source Sans 3, a typeface included in the U.S. Web Design System. With letters that are slender but open, Source Sans 3 has a simple and approachable look.

Source Sans 3 Semi Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

HTML code snippet

<h3 style="font-weight: 600;letter-spacing: 1px;">Source Sans 3 Semi Bold</h3>

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

Source Sans 3 Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

HTML code snippet

<h3 style="font-weight: 500;">Source Sans 3 Medium</h3>

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

Source Sans 3 Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

HTML code snippet

<h3>Source Sans 3 Regular</h3>

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

Latest updates

Page last edited:
Show all details
Edit page