Sans-serif typeface

Work Sans

Try your own text
Work Sans — Quick zephyrs blow, vexing daft Jim.
Instant CSS
About this font

Work Sans is a sans-serif family with a broad weight range, from very light to very bold, plus regular and italic styles. That range makes it adaptable across text, interface, and display settings, while its variable format can support more gradual weight adjustments where the project allows it.

Best suited for: Use Work Sans for websites, dashboards, product interfaces, presentations, labels, and editorial layouts that need a clean sans-serif foundation. Lighter weights can support supporting text and spacious layouts; medium and heavier weights can help organize navigation, headings, buttons, and short announcements.

Design considerations: The nine supplied weights allow clear hierarchy without changing families. Use 400 or nearby middle weights for general reading, then reserve 600–900 for headings and emphasis so dense areas do not become visually heavy. The italic styles can distinguish notes, quotes, or secondary information. Very light weights may need generous sizing and contrast.

Pairing guidance: For a calm, contemporary system, pair Work Sans with a serif that has readable proportions and moderate contrast. A humanist sans-serif can add subtle warmth when Work Sans handles headings or interface labels. If the family is used throughout, vary size, weight, and spacing carefully to create hierarchy without unnecessary decoration.

Font pairing ideas

Fonts that pair well with Work Sans

Explore complementary typefaces for headings, body copy, accents, and interface text.

Gentium Plus
Aa
Serif · 2 weights
Bellota
Aa
Display · 3 weights
Aleo
Aa
Serif · 9 weights
Bitcount Grid Single Ink
Aa
Display · 9 weights
Arapey
Aa
Serif · 1 weight