Speedysim brand identity
The marks, colours and type that make Speedysim recognisable, and why each one is the way it is. Logo files are in the kit. Colour and type are on this page.
Logo
Use the wordmark wherever it fits. The badge takes over when space is tight: app tiles, avatars and the browser tab. Each comes two ways: a gradient lockup for light surfaces and a single-colour lockup for dark, coloured or photographic surfaces. The gradient is part of the mark, not decoration on top of it, so use it as supplied and never rebuild it in another colour.
Using the logo give it room, then a few rules
A logo only becomes familiar if it turns up the same way every time. Start with the space around it, then the handful of rules below, each shown both ways.
The badge is the unit, and it stands exactly as tall as the wordmark. Keep one badge clear on every side, and keep type, edges and other logos out of that zone. Because the unit is the mark itself, the clear space scales with the logo at any size.
Use the mark as supplied, gradient and all.
Recolour it or flatten it to a single colour.
On a photo, use the single-colour wordmark over a dark scrim. The badge needs no scrim.
Leave the gradient lockup on a surface that swallows it.
Scale it evenly and keep it upright.
Stretch, squash or rotate the mark.
Keep the wordmark at least 24px tall on screen, 6mm in print. Below that, use the badge.
Shrink it past the point where the letterforms hold together.
Colour
Horizon is the gradient the mark runs through. Alongside it are the neutrals and four signal colours. Most of the interface stays neutral, and the gradient is saved for the few places worth marking, like the final call to action.
Horizon
The gradient is the brand. Its stops trace a day of travelling, from the deep blue before sunrise to the last warm light of the evening. That's where the colours come from, and it's why the sweep always runs cool to warm, never the other way round.
#432B9E#7C378B#9F4B72#B26665#B58368#B49172
Neutrals
Backgrounds, borders and body text.
Signal colours
Success, warning, danger and information. They mark a state and are never used as decoration.
Typography
Speedysim sets its type in the typeface your device already uses. That's a choice, not a fallback. The brand should look native wherever it turns up, the same on a phone at the gate as in a partner's deck. Fira Code handles plan detail: data, validity and destinations.
Aa
Land in Bangkok already connected.
San Francisco · Segoe UI · Inter · system-ui
Aa
5 GB · 30 days · Europe
Fira Code · ui-monospace · monospace
Brand kit
The wordmark and the badge in SVG and PNG, sized for print and for screen.