Sans-serif typeface

Rubik

Try your own text
Rubik — Cozy lummox gives smart squid who asks for job pen.
Instant CSS
About this font

Rubik is a sans-serif family with a broad range of weights and both normal and italic styles. Its clean, rounded-looking construction can suit interfaces, editorial layouts, and everyday communication where readable text and clear hierarchy matter. The variable format also allows more flexible adjustment across supported settings.

Best suited for: Use Rubik for app and website interfaces, navigation, labels, forms, presentations, posters, and short-to-medium text blocks. Lighter weights can keep secondary information quiet, while heavier styles can establish headings, buttons, alerts, and other points of emphasis.

Design considerations: The seven weights, from 300 through 900, support gradual contrast between text levels rather than a simple regular-versus-bold setup. Normal styles work well for standard reading and interface copy; italics can add emphasis or distinguish notes. Test weight and spacing at the actual size, especially in dense layouts.

Pairing guidance: For contrast, pair Rubik with a serif that has comfortable reading proportions, particularly when longer passages need a different texture from headings or controls. A restrained humanist sans-serif can also complement it without creating a sharp stylistic shift. Match x-height and weight carefully, and let one family lead the hierarchy.

Font pairing ideas

Fonts that pair well with Rubik

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

Crimson Pro
Aa
Serif · 8 weights
Chenla
Aa
Display · 1 weight
Esteban
Aa
Serif · 1 weight
Allan
Aa
Display · 2 weights
Goudy Bookletter 1911
Aa
Serif · 1 weight