Brand Marks
Choosing the right mark
Our mark is the primary brand element on our own properties, such as our websites and products. Here it can stand on its own. A simple bold mark can make a powerful statement. When our brand is represented in other contexts, throughout the web or in products we do not own, it is usually best to use a lockup.
Please do not edit, change, distort, recolor, or reconfigure the Logos mark. Our mark is the primary brand element on our own properties, such as our websites and products.
Primary Mark
 |
 |
|---|---|
| Logos primary mark - black | Logos primary mark - white |
| logos-mark-primary-black.png | logos-mark-primary-white.png |
| logos-mark-primary-black.svg | logos-mark-primary-white.svg |
Lockup - Vertical
When we represent our brand throughout the web or in products we do not own, it is usually best to use a lockup. These vertical lockups are best used arranged horizontally in a line.
 |
 |
|---|---|
| Logos lockup - vertical - black | Logos lockup - vertical - white |
| logos-lockup-vertical-black.png | logos-lockup-vertical-white.png |
| logos-lockup-vertical-black.svg | logos-lockup-vertical-white.svg |
Lockup - Horizontal
When we represent our brand throughout the web or in products we do not own, it is usually best to use a lockup. These horizontal lockups are best used stacked vertically.
 |
 |
|---|---|
| Logos lockup mark - horizontal - black | Logos lockup mark - horizontal - white |
| logos-lockup-horizontal-black.png | logos-lockup-horizontal-white.png |
| logos-lockup-horizontal-black.svg | logos-lockup-horizontal-white.svg |
Clearspace
When placing the logo, it's important that it's given enough space from other elements on the surface it's presented on. The Clearspace is 50% of the width of the Logos mark. This Clearspace is accounted for as a margin in all our logo assets, so simply mind the edges of the image.
If you need to define the unit of space, the best way is to measure the bottom of any given mark to the edge of the image or the baseline of the logotype in the lockup to the bottom edge of the image. This unit is the same across all of our marks.
Co-Branding
Often, our brand marks will be used as a family or in different combinations. All of our marks and lockups are designed to work together. The two major rules here are the consistency of size and the consistency of style.
Hierarchy is determined by the placement order, the most important being left in the case of horizontal layouts, or top in the vertical case. Vertical lockups are used in horizontal layouts and horizontal lockups in vertical layouts.
- All marks should be the same size
- Priority is determined by order, not scale
- All marks should be the same style
- Do not mix lockups and non-lockups
- Do not mix vertical lockups with horizontal lockups
Social Assets
Our asset library will be more robust in the future, but the images below are branded avatars social accounts, followed by a preview of how they will look on Twitter.
 |
 |
|---|---|
| Logos primary avatar | Logos primary banner |
| logos-avatar-twitter-white.svg | logos-banner-twitter-black.png |
| logos-avatar-twitter-white.png |
Presentation Template
Copy and save as a new presentation with a new title if you plan to make one from the template. Also, make sure to check the Layout pull-down for all the placeholder goodies.