Rounded heads + friendly sans

Two rounded sans faces of different weight and width give a soft, approachable voice that still keeps a clear hierarchy.

Headings: Baloo 2
Body: Nunito

See it live

Baloo 2 for headings and Nunito for text, set at the pairing's own sizes and line heights. The sample text is written for this explorer.

Your first garden fits on a windowsill

Pick three herbs you like to eat, fill a pot with good soil, and water when the top feels dry. In two weeks you will have something green to snip for dinner, and a reason to check on it every morning.

Baloo 2 at 46px, line height 1.15 · Nunito at 17px, line height 1.6

Headings Baloo 2, weights 600, 800

600 Your first garden fits on a windowsill

800 Your first garden fits on a windowsill

Self-hosted from the @fontsource/baloo-2 package.

Body Nunito, weights 400, 700

400 Pick three herbs you like to eat, fill a pot with good soil, and water when the top feels dry.

700 Pick three herbs you like to eat, fill a pot with good soil, and water when the top feels dry.

Self-hosted from the @fontsource/nunito package.

Scale 6 steps from 15px to 46px; from 24px up in Baloo 2, below in Nunito

46pxYour first garden fits on a windowsill
34pxYour first garden fits on a windowsill
26pxYour first garden fits on a windowsill
20pxYour first garden fits on a windowsill
17pxYour first garden fits on a windowsill
15pxYour first garden fits on a windowsill

Copy the idea

Take the pairing with you as a brief for a person, as instructions for an AI assistant, or as design tokens: the two faces, the scale and the rules for using them.

# Rounded heads + friendly sans — type pairing recipe

## The idea

- Two rounded sans faces of different weight and width give a soft, approachable voice that still keeps a clear hierarchy.

## Use it for

- Apps for families and learning
- Community and hobby clubs
- Friendly onboarding screens

## Avoid it when

- The subject is serious, legal or financial
- The brand must feel premium and restrained

## The faces

- Headings: Baloo 2, weights 600, 800 (self-hosted from @fontsource/baloo-2)
- Body: Nunito, weights 400, 700 (self-hosted from @fontsource/nunito)

## Scale and rhythm

- Scale: 15px, 17px, 20px, 26px, 34px, 46px
- Line height: 1.15 for headings, 1.6 for body text

## Principles

- Use the heavy rounded face only for headings and big numbers
- Keep body text in the lighter rounded sans at a regular weight
- Pair rounded type with rounded corners and soft shapes
- Write short, warm headings; the type does the smiling
- Keep contrast high so the soft shapes stay readable

Design with the "Rounded heads + friendly sans" type pairing.

The idea: Two rounded sans faces of different weight and width give a soft, approachable voice that still keeps a clear hierarchy.

It suits:
- Apps for families and learning
- Community and hobby clubs
- Friendly onboarding screens
It is a poor fit when:
- The subject is serious, legal or financial
- The brand must feel premium and restrained

Use Baloo 2 (weights 600, 800) for headings, self-hosted from the @fontsource/baloo-2 package.
Use Nunito (weights 400, 700) for body text, self-hosted from the @fontsource/nunito package.
Use this type scale: 15px, 17px, 20px, 26px, 34px, 46px.
Set headings at a line height of 1.15 and body text at 1.6.

Follow these principles:
- Use the heavy rounded face only for headings and big numbers
- Keep body text in the lighter rounded sans at a regular weight
- Pair rounded type with rounded corners and soft shapes
- Write short, warm headings; the type does the smiling
- Keep contrast high so the soft shapes stay readable

Apply the idea and the rules above; do not copy any existing website.

:root {
  --font-heading: "Baloo 2", sans-serif;
  --font-body: "Nunito", sans-serif;
  --type-1: 15px;
  --type-2: 17px;
  --type-3: 20px;
  --type-4: 26px;
  --type-5: 34px;
  --type-6: 46px;
  --leading-heading: 1.15;
  --leading-body: 1.6;
}

Download brief (.md)

Where it fits

Use it for

Apps for families and learning
Community and hobby clubs
Friendly onboarding screens

Avoid it when

The subject is serious, legal or financial
The brand must feel premium and restrained

Principles

The rules that keep the two faces working as one.

Use the heavy rounded face only for headings and big numbers
Keep body text in the lighter rounded sans at a regular weight
Pair rounded type with rounded corners and soft shapes
Write short, warm headings; the type does the smiling
Keep contrast high so the soft shapes stay readable