Brand

Use our logo. Keep it looking right.

Everything below is free to use if you are writing about Jodie, linking to us, or building an integration. Take the files, follow the handful of rules, and you will not need to ask us first.

Download the brand kit Jump to press details

SVG and PNG, 248 KB

Logos

Four files cover almost every use. Reach for the primary lockup unless something is stopping you.

Primary lockup

The wave and the wordmark, spaced as they were drawn. This is the default. Use it wherever there is room.

SVG PNG

Icon

The wave in its disc. Built for avatars, favicons, app listings and anywhere the lockup would be unreadable.

SVG PNG

App icon

The rounded tile we ship on the App Store and Google Play. Use this one when you are showing the mobile app.

SVG PNG

Wordmark

Type on its own. Useful in a row of partner logos where every other mark is type only.

SVG

Clear space and size

The logo needs room. Nothing else should sit inside the shaded band, and it should never get so small that the wave turns to mush.

Clear space equal to half the disc height on all four sides

Clear space: Leave a margin on every side equal to half the height of the disc. If you are cramped, use the icon on its own rather than tightening the margin.
Minimum size: The lockup stops being legible below 120px wide on screen, or 25mm in print. For the icon it is 24px, or 8mm. Below that, use the wordmark.

The rules

There are not many, and they are the ordinary ones.

Please do

Use the colour lockup on white or a light background.
Switch to the dark-background lockup on dark colours, photographs, or anything busy.
Scale it proportionally, from the corner.
Give it the clear space described above.
Use the SVG wherever you can, so it stays sharp at any size.

Please do not

Recolour it, including tinting it to match your own palette.
Redraw it in a single colour. There is no all-black or all-white version.
Stretch it, squash it, rotate it or skew it.
Add a drop shadow, outline, glow, gradient or bevel.
Rebuild the lockup with your own spacing, or set the name in a different typeface.
Put the colour lockup on a dark or low-contrast background.
Place it on a busy part of a photograph where the wave disappears.

Colour

Two blues do the work. Jodie Blue is the logo and the primary button; Accent Blue is for links and focus rings. Everything else is there to stay out of the way.

Click a swatch to copy the hex

Display gradient

Indigo to blue to violet, used sparingly behind large headlines. Never behind body copy, and never inside the logo.

#4338CA #2563EB #8B5CF6

Type

Inter, everywhere, in every weight. It is free from Google Fonts, so you can match our setting exactly without licensing anything.

Get Inter

Display

Page headlines

Weight 800 / .font-extrabold