# Playful rounded — style recipe

## The idea

- Friendly and bouncy: chunky rounded type, pill-shaped buttons, bright candy colours and wobbly shapes.

## Use it when

- Products for children and families
- Consumer apps that want to feel fun
- Events and community projects

## Avoid it when

- The subject is serious or sensitive
- The audience expects a formal tone

## Principles

- Rounded, heavy type with soft terminals
- Pill-shaped buttons and fully rounded cards
- Two bright colours that play off each other
- Blobby, hand-shaped background shapes
- Big, friendly icons and illustrations
- Copy that talks like a person

## Colour

- Peach cream (background): #fff6ec
- White (surface): #ffffff
- Deep grape (text): #2a1a4a
- Plum grey (muted): #5a4a74
- Berry (accent): #c2185b
- Mint (accent-2): #2ec4b6
- Biscuit (border): #f0dcc8
- Text on background contrast: 14.61:1

## Type

- Headings: Baloo 2, weights 700, 800 — Chunky and round; big sizes
- Body: Nunito, weights 400, 700 — Rounded sans that matches the headings
- Scale: 15px, 17px, 20px, 28px, 40px, 64px
- Two rounded faces; nothing sharp.

## Spacing and shape

- Base unit: 8px
- Spacing steps: 8px, 16px, 24px, 40px, 64px
- Comfortable, bouncy gaps; cards overlap shapes slightly.
- Corner radii: 16px, 999px
- Borders: Rarely; colour and shape do the separating
- Shadows: Soft, tinted, slightly offset

## Imagery and motion

- Imagery: Simple friendly illustrations, blobs and rounded icons.
- Motion: Springy: small bounces and wiggles on hover.

## Do

- Round every corner
- Pair the berry with the mint
- Write short, friendly sentences

## Don't

- No thin or condensed type
- No sharp corners
- No dark, moody colours
