Rounded friendly pair

Soft, rounded headings make a page feel approachable and safe, and a rounded-terminal body sans keeps that friendliness without hurting reading.

Headings: Fredoka
Body: Nunito

The faces, live

The sample is set in the pairing's own fonts, at its own sizes and line heights. The ladder shows every step of its type scale.

Saturday is pancake and puzzle morning

Bring the whole family to the hall from ten until noon. There are pancakes with three toppings, a big table of jigsaws for every age and a quiet corner with picture books. Entry is free, and helpers in green aprons can answer any question.

Heading in Fredoka 600 at 34px, line height 1.15. Body in Nunito 400 at 17px, line height 1.65.

Headings

Fredoka

Semibold 600

Body

Nunito

Regular 400
Bold 700

The type scale

46pxSaturday is pancake and puzzle morning
34pxSaturday is pancake and puzzle morning
26pxSaturday is pancake and puzzle morning
20pxSaturday is pancake and puzzle morning
17pxSaturday is pancake and puzzle morning
15pxSaturday is pancake and puzzle morning

Copy the idea

The Rounded friendly pair recipe — its idea, faces, scale and rules — ready to paste into a design tool or an AI assistant, or as design tokens.

# Rounded friendly pair — type pairing recipe

## The idea
- Soft, rounded headings make a page feel approachable and safe, and a rounded-terminal body sans keeps that friendliness without hurting reading.

## Use it for
- Family and children’s activities
- Wellbeing and habit apps
- Friendly community groups

## Avoid it when
- The subject is serious, legal or financial
- The audience expects a premium, restrained feel

## The faces
- Headings: Fredoka (@fontsource/fredoka), weights 600
- Body: Nunito (@fontsource/nunito), weights 400 and 700

## Scale and rhythm
- Scale: 15px, 17px, 20px, 26px, 34px, 46px
- Heading line height: 1.15
- Body line height: 1.65

## Principles
- Use the rounded heading face sparingly: headings and one big welcome line, nothing else.
- Pair it with rounded corners and soft shapes elsewhere so the type and layout agree.
- Keep body text dark and calm; friendliness comes from the shapes, not from bright colours on text.
- Use the bold body weight for buttons so they stay readable and clearly clickable.

Design with the "Rounded friendly pair" type pairing.
The idea: Soft, rounded headings make a page feel approachable and safe, and a rounded-terminal body sans keeps that friendliness without hurting reading.
It suits: Family and children’s activities.
It suits: Wellbeing and habit apps.
It suits: Friendly community groups.
Do not choose it when: The subject is serious, legal or financial.
Do not choose it when: The audience expects a premium, restrained feel.
Use Fredoka in weights 600 for headings.
Use Nunito in weights 400 and 700 for body text.
Use only these type sizes: 15px, 17px, 20px, 26px, 34px, 46px.
Set headings at a line height of 1.15 and body text at 1.65.
Follow this rule: Use the rounded heading face sparingly: headings and one big welcome line, nothing else.
Follow this rule: Pair it with rounded corners and soft shapes elsewhere so the type and layout agree.
Follow this rule: Keep body text dark and calm; friendliness comes from the shapes, not from bright colours on text.
Follow this rule: Use the bold body weight for buttons so they stay readable and clearly clickable.
Apply the idea and the rules above; do not copy any existing website.

:root {
  --font-heading: "Fredoka", 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.65;
}

Download brief (.md)

Where it fits

Use it for

Family and children’s activities
Wellbeing and habit apps
Friendly community groups

Avoid it when

The subject is serious, legal or financial
The audience expects a premium, restrained feel

Principles

Use the rounded heading face sparingly: headings and one big welcome line, nothing else.
Pair it with rounded corners and soft shapes elsewhere so the type and layout agree.
Keep body text dark and calm; friendliness comes from the shapes, not from bright colours on text.
Use the bold body weight for buttons so they stay readable and clearly clickable.

Back to all pairings