Brand & press

The Spokeworks brand kit

Logos, colours and type for writing about us or working with us. The mark is the wheel from our parent company's stagecoach, with its spokes and hub painted in our four colours.

Logo

Spokeworks

The wordmark is set in Fraunces ExtraBold (Soft 100, Wonky on). Keep the mark to the left, about 1.3× the cap height, with a gap of a quarter of the mark's width.

Mark

mark.svgFull colour, for light backgrounds
Download SVG

mark-on-dark.svgFull colour, for dark backgrounds
Download SVG

mark-ink.svgOne colour (ink), for printing
Download SVG

mark-white.svgOne colour (white), for dark photos
Download SVG

app-icon.svgApp icon, social avatar and favicon
Download SVG

mark-animated.svgAnimated: turns every 12 s like the stagecoach wheels
Download SVG

mark-on-dark-animated.svgAnimated, for dark backgrounds
Download SVG

app-icon-animated.svgAnimated app icon
Download SVG

app-icon-1024.pngApp Store size, 1024 px
Download PNG

Colour

Ink#1D2B3A
Text, dark backgrounds

Paper#FFF9F0
Page background

Tomato#EF5B3F
Accent

Marigold#F6B93B
Accent

Teal#1FA38A
Accent

Sky#4C8DF6
Accent, links on dark

Body text is Ink on Paper. The four accents always appear together in the wheel; elsewhere, use them one at a time for highlights. For small accent-coloured text on Paper, use the darker teal #117462.

Type

Fun games. Useful apps.

Fraunces for headings and the wordmark (free on Google Fonts; ExtraBold, Soft 100, Wonky on). Body text uses the system font: San Francisco on Apple devices, Segoe UI on Windows.

Please

Do

Give the mark breathing room, at least a quarter of its width on every side.
Use the on-dark version on Ink or photos.
Use the app icon for avatars.

Don't

Recolour individual spokes or reorder the colours.
Stretch, skew or add effects to the mark. (Spinning it is fine: it's a wheel. Use the animated files, which turn at the same speed as the stagecoach.)
Set the wordmark in a different typeface.