Rubik and Nunito Sans Font Pairing
Set in Rubik 600 and Nunito Sans 400
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@600&family=Nunito+Sans:wght@400;700&display=swap');
body {
font-family: 'Nunito Sans', system-ui, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Rubik', system-ui, sans-serif;
font-weight: 600;
}Rubik at weight 600 for headings and Nunito Sans for body text is a friendly, approachable pairing of two sans serifs. Rubik's slightly rounded corners give headings a soft, chunky presence, while Nunito Sans keeps paragraphs light, open and easy to scan. It suits online shops and small business sites that want to feel welcoming and modern rather than corporate.
Rubik & Nunito Sans
Headings 600, body text 400
ABCDEFGHIJKLM
abcdefghijklm
0123456789 &?!
Body text has to stay comfortable from the first line to the last.
Why Rubik and Nunito Sans Work Together
Rubik is a sans serif with gently rounded corners and fairly squarish curves, which makes it look solid and good-natured, a bit like lettering on a children’s toy box or a friendly app. Nunito Sans is a cleaner, more conventional sans serif with balanced proportions and a moderate x-height. Its Google Fonts version includes a width axis, though the default width is what most sites need.
Because both are sans serifs, the contrast comes from shape and weight. Rubik’s blunt, rounded geometry reads as a heading even at modest sizes, and Nunito Sans at 400 is noticeably lighter and more open. The two share low stroke contrast and a relaxed spacing, so the page feels consistent. The overall mood is cheerful and practical, never stiff.
Where Rubik and Nunito Sans Work Best
A pet supply shop, a kids’ clothing store or a local bakery taking online orders would all suit this pair, with Rubik on product names, promotions and buttons and Nunito Sans on descriptions and delivery details. For a service business, such as a cleaning company or a dog walker, Rubik gives the homepage a warm headline while Nunito Sans keeps prices and booking steps clear.
Weights and Sizes to Use
Set Rubik at 600 for headings; its Google Fonts range is 300 to 900, so 700 works for a large hero title if you want more punch. Use Nunito Sans at 400 for body and 700 for bold, at 16 to 18px with line height around 1.6. Keep Rubik headings at a line height of 1.15 to 1.25, since its tall, solid shapes can look cramped any tighter.
Things to Watch
Rubik’s rounded weight is appealing, but in long headlines it can feel heavy, so keep titles short and drop to 500 for subheads. Avoid pushing Nunito Sans to very light weights for body text; below 400 it loses contrast against white backgrounds. If you sell to a more formal or premium audience, test the pair first, because its friendliness can read as casual.
Similar Pairings
Pairs with a similar friendly feel, each with its own page.
Fraunces & Figtree
Headlines get a second of attention. The body font has to hold it for minutes, which is why it deserves the most care.
Bitter & Public Sans
Contrast does the work. When the heading and the body clearly differ, the page tells readers where to look first.
Fraunces & Inter
The best pairings go unnoticed. Readers remember the story, not the fonts, and that is exactly the point.