Work Sans, by Wei Huang, is a grotesque optimized for on-screen text at medium sizes, loosely based on early Grotesques like Stephenson Blake's. It is sturdy and plainspoken — type that gets on with the job.
Use Work Sans in the body when the heading brings the flair: rounded geometrics like Outfit, or a display serif when the brand leans editorial. Its reliable, even texture is the stable floor that lets a louder heading work.
In the Nodlume catalog, Work Sans leads the body in all 3 of these pairings — its partners are Nunito, Outfit and Permanent Marker. Every combination below previews in the real faces, with the full fallback-safe CSS font stacks.
Work Sans as body — Rounded, open Outfit headings contrast with the reliable, sturdy structure of Work Sans.
Voyage beyond the quiet harbor
Body copy sets the tone for long reading — Work Sans carries paragraphs while the heading takes the stage.
Work Sans as body — Soft, rounded terminals in the header create a welcoming, almost gamified interface for consumer apps.
Voyage beyond the quiet harbor
Body copy sets the tone for long reading — Work Sans carries paragraphs while the heading takes the stage.
Work Sans as body — The handwritten, lively energy of a casual cafe alongside a neutral, legible sans.
Voyage beyond the quiet harbor
Body copy sets the tone for long reading — Work Sans carries paragraphs while the heading takes the stage.
The font pairing generator has all 64 curated combinations — filter by use case, shuffle a random heading/body/mono mix with per-slot locks, and copy the CSS custom properties. For the rules behind pairings like these, read the font pairing guide, or set the type rhythm with the type scale calculator.
Open the generatorWe'd like to use Google cookies to understand how Nodlume is used and to measure our advertising. Nothing loads until you choose, and declining does not affect anything in the app.
Nodlume