Wot Way?

Warm, welcoming, and wonderfully simple

Edition D · December 2024

Design Philosophy

This palette draws from the warmth of afternoon light — soft shadows, natural materials, and the quiet confidence of spaces that feel immediately like home. Each app has its own gentle personality, but they all belong to the same family. Nothing shouts. Everything invites.

☀️
Warm
Every colour has a touch of warmth
🤝
Cohesive
Same saturation, same family
🌿
Natural
Inspired by earth, stone, and sky

Colour System

A carefully balanced palette that feels like rooms in the same house

Universal Elements

Warm White
Card backgrounds, page canvas
#FAF8F5
Warm Charcoal
Location buttons, text
#3A3835
Golden Caramel
Action buttons, accents
#C4956A

Supporting Tones

Soft Stone
Borders, dividers
#E8E4DF
Warm Grey
Body text, descriptions
#7A756F
Soft Taupe
Labels, placeholders
#A8A29A

App Backgrounds

Six siblings — distinct but clearly related

TUBE#6B8872
TRAIN#B8927A
TRAM#8B8598
PLATFORM#5D7A91
TERMINAL#5E9B9B
SERVICES#A67F5D

Individual Palettes

Each app's complete colour story

WOT TUBE?

The London Underground, simplified

Background
#6B8872
Location
#3A3835
Action
#C4956A

WOT TRAIN?

A to B in NYC

Background
#B8927A
Location
#3A3835
Action
#C4956A

WOT TRAM?

Manchester Metrolink made easy

Background
#8B8598
Location
#3A3835
Action
#C4956A

WOT PLATFORM?

Get to your train before the crowd

Background
#5D7A91
Location
#3A3835
Action
#C4956A

WOT TERMINAL?

Airports needn't be stressful

Background
#5E9B9B
Location
#3A3835
Action
#C4956A

WOT SERVICES?

The motorway stop guide

Background
#A67F5D
Location
#3A3835
Action
#C4956A

App Mockups

The family together

WOT TUBE?
The London Underground, simplified
FROM
Kings Cross
TO
Oxford Circus
WOT TRAIN?
A to B in NYC
FROM
Times Square
TO
Brooklyn Bridge
WOT TRAM?
Manchester Metrolink made easy
FROM
Piccadilly
TO
MediaCityUK
WOT PLATFORM?
Get to your train before the crowd
STATION
London Euston
DESTINATION
Manchester Piccadilly
WOT TERMINAL?
Airports needn't be stressful
AIRPORT
London Heathrow
FLIGHT NUMBER
BA 283
WOT SERVICES?
The motorway stop guide
MOTORWAY
M1
DIRECTION
Northbound

Wot Way? Hub

Where it all comes together

One question. The right answer.
🚇
Wot Tube?
London Underground
🚇
Wot Train?
NYC Subway
🚊
Wot Tram?
Manchester Metrolink
🚉
Wot Platform?
UK train platforms
✈️
Wot Terminal?
Airport terminals
Wot Services?
Motorway services

Typography

Plus Jakarta Sans — friendly, modern, readable

App Title · 800 weight · 28px
WOT TUBE?
Tagline · 500 weight · 14px
The London Underground, simplified
Button · 700 weight · 15px
GO
Label · 700 weight · 11px
FROM

Why This Works

The thinking behind the choices

🎨 Unified Saturation

All six background colours share similar saturation levels (muted, around 15-20%). This makes them feel like siblings rather than strangers sharing a page.

🌡️ Warm Throughout

Even the cooler colours (slate, teal) have warm undertones. There are no harsh blues or cold greys. Everything feels approachable.

Golden Caramel Accent

The #C4956A action button colour is the hero — warm, inviting, and universally appetising. It works on every background without clashing.

📖 One Font Family

Plus Jakarta Sans handles everything from bold headlines to small labels. Its rounded terminals feel friendly, its x-height ensures readability.

🏠 Cream Not White

The card background (#FAF8F5) has a hint of warmth. Pure white would feel clinical; this feels like quality paper or a freshly painted wall.

Generous Radius

20-24px border radius on cards creates soft, pillow-like containers. Combined with subtle shadows, everything feels touchable and friendly.