Vintage · v2.0
The Hearstory *style guide*
Colour, type and the small audio parts every page is built from. Use it to keep new pages sounding like the rest.
01
Colour
A warm cream canvas, dusty rose leads, and four pastels for shows and topics. Text on any pastel is always ink.
Canvas
--bg
#F5EFE4
Surface
--surface
#FFFBF4
Surface 2
--surface-2
#EDE4D3
Line
--line
#E2D7C3
Ink
--ink
#2B2420
Muted
--muted
#6B5E54
Rose
--lilac
#D8A7A7
Rose ink
--lilac-ink
#8C3F45
Mustard
--butter
#E6C27A
Terracotta
--coral
#DD9373
Faded blue
--sky
#9DB4C8
Sage
--mint
#AFC4A3
02
Typography
Fraunces for headlines, Work Sans for everything you read.
Press play
Stories told by people
Recording a city at 4 a.m.
Twelve minutes of Lisbon before the trams wake up.
Street sweepers, bakers and night porters: the people who keep a city running while it sleeps.
Night Shift · Ep 24
Stay a while
04
Audio parts
Show icons
Play buttons
Episode row
Night Shift · Ep 24
Recording a city at 4 a.m.
05
Shape & spacing
8px
Inputs, chips
14px
Cards
24px
Hero panels
999px
Play, toggles