Relay Back to catalog

Relay Playful Friendly Bright

Design package

Bright ideas, made friendly & warm.

Relay is a cheerful, approachable design system: sunshine colour, soft rounded shapes and a voice that feels like a wave hello. Pick it when you want people to smile before they scroll.

Typography

Baloo 2 meets Nunito

A rounded, chunky display face for warmth and personality, paired with a humanist body face that stays friendly at paragraph length and small sizes.

Display · Baloo 2 Extra-Bold

Aa & Gg

H1 · 800

Say it with sunshine

H2 · 700

Warm by design

H3 · 700

A friendly little subhead

Eyebrow · label

New · Friendly · 2026

Body · Nunito

The quick brown fox waves hello to the lazy dog. Relay’s body type keeps generous line-height and a round, open letterform so long passages stay comfortable and the tone stays light, never shouty and never stiff. Numbers line up neatly too: 1,240 · 98.6% · $42.00.

It carries personality without sacrificing legibility, which is exactly the balance a playful brand needs.

Pull quote

“Good design should feel like a friend who happens to be very organised.” A sentiment Relay was built around

Colorway

A sunny, happy palette

Cream and white do the quiet work; yellow, coral and teal bring the joy. Dark ink anchors every layout so the brightness reads confident, not flimsy.

Canvas
Cream#FFF8EE
Surface
Paper#FFFFFF
Primary
Sunny#FFC93C
Pop
Coral#FF6B5E
Fresh
Teal#2BB7A3
Anchor
Ink#2B2B2B

Components

Cards, icons & numbers

Lifted cards on soft chunky shadows, friendly blob-shaped icon tiles, dashed dividers, and a confident stat row on dark ink.

Bright surfaces

Generous radii and warm shadows give every panel a soft, tactile lift you can almost press.

Cards & panels

Friendly voice

Rounded type and bouncy spacing keep the whole experience feeling approachable and human.

Type & tone

Easy to choose

A complete, considered kit so a decision feels obvious. Pick the mood, the rest is handled.

System & kit
3
accent colours
32px
max corner radius
2
typefaces, paired
AA
contrast, throughout

What people say

The moment our site went bright and rounded, the messages changed tone. People show up already smiling.
Jordan Placeholder Owner · Sample Business

Placeholder testimonial — not a real client.

Is Relay your vibe?

If your brand wants to feel warm, welcoming and a little bit sunny, this is the direction to take into a real build.