Logo

Our logo is a prominent aspect of our brandone that appears everywhere from mobile icons to menu bars. We use it a lot, because it has a lot of meaning behind it.

Download all logo files

Logo

Our logo is a prominent aspect of our brandone that appears everywhere from mobile icons to menu bars. We use it a lot, because it has a lot of meaning behind it.

Download all logo files

Logo

Our logo is a prominent aspect of our brandone that appears everywhere from mobile icons to menu bars. We use it a lot, because it has a lot of meaning behind it.

Download all logo files

Primary lockup

Our Primary Logo Lockup combines our symbol with a custom wordmark. We use this lockup for all kinds of purposes—from external communications, to letterhead, to the header of our website.

No matter which version of our you use, always make sure it is clear and legible against the background, so use light colors on dark backgrounds and vise versa.

Primary lockup

Our Primary Logo Lockup combines our symbol with a custom wordmark. We use this lockup for all kinds of purposes—from external communications, to letterhead, to the header of our website.

No matter which version of our you use, always make sure it is clear and legible against the background, so use light colors on dark backgrounds and vise versa.

logo animation

Full color version

Our logo also has full color versions for use on both light and dark backgrounds. We often use these on our own channels, like our website.

Full color version

Our logo also has full color versions for use on both light and dark backgrounds. We often use these on our own channels, like our website.

Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo

One color version

You’ll often see our logo set in just one color. These are a good choice for many uses, such as busy layouts or external communications where you need something simple and strong.

One color version

You’ll often see our logo set in just one color. These are a good choice for many uses, such as busy layouts or external communications where you need something simple and strong.

Logo
Logo
Logo
Logo
Logo
Logo

Secondary lockup

We also have a centered logo lockups, which can be used in place of our Primary Lockup on just about any execution.

Just make sure that anytime you use this lockup, it’s centered on your page.

Secondary lockup

We also have a centered logo lockups, which can be used in place of our Primary Lockup on just about any execution.

Just make sure that anytime you use this lockup, it’s centered on your page.

Logo
Logo
Logo
Logo
Logo
Logo

Icon

Our symbol can, of course, be used independently, without being locked up with our wordmark. We use our solo symbol for all the usual symbol-like places, such as social avatars, favicons, and other places where our full lockup doesn’t fit.

We also use our symbol as a design element, placing it on layouts separate from our wordmark. For more on proper symbol use, keep reading.

Icon

Our symbol can, of course, be used independently, without being locked up with our wordmark. We use our solo symbol for all the usual symbol-like places, such as social avatars, favicons, and other places where our full lockup doesn’t fit.

We also use our symbol as a design element, placing it on layouts separate from our wordmark. For more on proper symbol use, keep reading.

Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo

Wordmark

At times, you may also need to use our custom wordmark without our symbol. This comes in handy in places like footers of documents or presentations.

This mark is great for places where our primary logo or symbol alrady appear elsewhere, and using the full lockup again would be redundant.

Wordmark

At times, you may also need to use our custom wordmark without our symbol. This comes in handy in places like footers of documents or presentations.

This mark is great for places where our primary logo or symbol alrady appear elsewhere, and using the full lockup again would be redundant.

Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo

Partnerships

When collaborating with partners, use the co-branded lockup to maintain brand clarity and consistency. Our wordmark always appears first, followed by a fixed space, then the partner name.

The line is used to separate the brands cleanly.

Partnerships

When collaborating with partners, use the co-branded lockup to maintain brand clarity and consistency. Our wordmark always appears first, followed by a fixed space, then the partner name.

The line is used to separate the brands cleanly.

Logo
Logo
Logo
Logo
Logo
Logo

What not to do

In addition to the usual guidelines for all logos—don’t warp, don’t stretch, etc.—we also have a few specific rules around how our logo should appear.

What not to do

In addition to the usual guidelines for all logos—don’t warp, don’t stretch, etc.—we also have a few specific rules around how our logo should appear.

Logo

Don't stretch or distort it

Use the logo in the provided lockup, without stretching, skewing or distorting it.

Logo

Don't stretch or distort it

Use the logo in the provided lockup, without stretching, skewing or distorting it.

Logo

Don't change its color

Our logo lineweight is variable, but don’t let them get too thick. The upper points of the angled planes should never reach beyond the center line.

Logo

Don't change its color

Our logo lineweight is variable, but don’t let them get too thick. The upper points of the angled planes should never reach beyond the center line.

Logo

Don't rotate it

Always keep our icon upright, so that it stays strong and semetrical. The single line should always run vertically, never from side-to-side.

Logo

Don't rotate it

Always keep our icon upright, so that it stays strong and semetrical. The single line should always run vertically, never from side-to-side.

Logo

Don't reduce the opacity

Use the logo image as it is, without dimming its appearance or using blending modes on top of it.

Logo

Don't reduce the opacity

Use the logo image as it is, without dimming its appearance or using blending modes on top of it.

Logo

Don't apply effects on it

Applying external effects like shaders, gradients or shadows on the existing logo is not allowed.

Logo

Don't apply effects on it

Applying external effects like shaders, gradients or shadows on the existing logo is not allowed.

Logo

Don't use at unlegible sizes

Our logo has a minimum and maximum allowed size, so make sure it is respected.

Logo

Don't use at unlegible sizes

Our logo has a minimum and maximum allowed size, so make sure it is respected.

Don't crowd our logo

There are no strict rules on spacing, but if you’re unsure about whether our logo has enough space, leave about a symbol’s worth of space between our logo and any other elements on the page.

Logo
Logo
Logo

Don't crowd our logo

There are no strict rules on spacing, but if you’re unsure about whether our logo has enough space, leave about a symbol’s worth of space between our logo and any other elements on the page.

Logo
Logo
Logo

Don't crowd our logo

There are no strict rules on spacing, but if you’re unsure about whether our logo has enough space, leave about a symbol’s worth of space between our logo and any other elements on the page.

Logo
Logo
Logo

Support

Need help with the guide?

We'll get back to you within 24h.

Support

Need help with the guide?

We'll get back to you within 24h.

Create a free website with Framer, the website builder loved by startups, designers and agencies.