Logo, colours and type. All in one place.
Writing about us, or adding us to a partner page or a presentation? Here you find the logo, the colours and the type, and the few rules that keep it looking the same everywhere.
One zip with everything below, in SVG and PNG
Brand mark. For the small spaces.
In our navigation, as a favicon and as a profile picture. Where the name is already on screen, the mark is enough. Pick the version that suits the background.
Logo. Mark with name.
In an article, a list of partners or at the foot of a page. Mark and name belong together; the file is right down to the letter, a name you type yourself is not.
Rules. So it stays recognisable.
A brand that looks slightly different everywhere is recognised by no one, and neither by an AI model. With these three measures it looks the same everywhere.
Keep at least the width of the small square (x) clear on every side. No text, border or other logo inside it.
The app icon is a navy tile with 24% corners; the mark fills 56% and sits optically centred. Use the file as it is.
The logo no smaller than 120 px wide (30 mm in print). Need it smaller? Use the brand mark, down to 16 px.
- Not recoloured. Navy, paper or white, nothing else.
- Not edited. No shadow, gradient, tilt or distortion.
- Not hidden. No busy photo or spot where it gets lost.
- Not navy on orange. On orange the mark is paper.
- Not retyped. The name always comes from the file.
Colours. With the proportions.
Navy does most of the work, orange only a little. On a page that is roughly 40% paper and white, 30% navy, 20% orange and 10% indigo.
For text, buttons and dark surfaces.
Mostly in the gradient. As a solid colour, for one thing at a time only.
The counterpart of orange, in the other corner of the gradient.
The background of our pages.
When orange has to be text, such as a label.
Behind a highlighted word or label.
Type. Archivo and Manrope.
Archivo for what has to stand out: headings, figures and labels. Manrope for what you read. Both open source and free to download.
Be the answer.
When a customer asks ChatGPT who to call, your business is in the answer.
We use Archivo at 112% width. Load the variable version with the width axis, or it sets narrower than intended.
Gradients. Instead of stock photos.
We use no stock photos or illustrations, but a grainy gradient of paper, orange and indigo. Take one as a background for a slide or social post.
ChatGPT
Claude
Perplexity
Gemini
Google AI Mode
Curious whether AI already mentions your business?
Take the free scan and see within a few minutes which answers you already appear in, and where a competitor walks away with the customer.