Zagster logo

Artboard 1logo1.png

The Zagster logo uses three colors: Zagster blue, light blue, and grey. The full-color logo should only be used on a white background for maximum impact and clarity. In other cases, the following versions are available for use:

 

The same rules apply to the usage of our Z symbol. A number of logo and Z symbol assets in different file formats and sizes are available for download. Never alter or attempt to recreate the logo — always use the artwork provided and adhere to the usage guidelines.

 

Previous versions of the Zagster logo (with the 'A better way to bike' tagline) have been retired.
Please only use logos from this site.

Have questions about how to properly use our logo or other brand features? Contact us at brand@zagster.com.

 

Clear space & sizing

The minimum clear space is defined as x, measured by the width of the letter 't'. No other graphic elements should enter the clear space, including borders. Try to maximize clear space whenever possible.

 

The minimum size of our logo and Z icon is 21px high on screen, or 0.25in (6.35mm) high in print.

 

Background colors & photos

Ideally the Zagster logo is to be used on a white background for maximum impact and clarity. When this is not possible, be sure to chose an alternate logo and background colors or photos that provide good contrast.

  1. Use the grey logo on light-colored backgrounds.
  2. Use the white logo on dark-colored backgrounds or photos.

Logo best practices

Do: Use only approved logo assets

Don't recreate the logo or use outdated files. You can download everything you need here.

 

Do: provide clear space

Make sure the minimum clear space is applied to the logo and Z icon. Maximize clear space whenever possible.

 
Artboard 1logo7.png

Do: contrast with background

Make sure the logo reads clearly and has sufficient contrast with a background color or photo. Don't place the full color logo on any background other than white.

 

Don't: Add effects

Drop shadows, gradients, bevels and strokes don't mix with the Zagster logo.

 

Don't: Modify the logo

The Zagster logo should never be redrawn, distorted, rotated, or added to. Don't use the wordmark without the Z symbol or alter the spacing.

 

Don't: Change the color.

Our logo likes to stay blue, grey and white. Don't fill it in with a pattern or a photo.


Zagster color palette

Zagster Blue Hex: #0076A8 RGB: 0, 118, 168 CMYK: 95, 41, 10, 0 PMS: 7690 C

Zagster Blue

Hex: #0076A8
RGB: 0, 118, 168
CMYK: 95, 41, 10, 0
PMS: 7690 C

Light Blue Hex: #5BC2E7 RGB: 91, 194, 231 CMYK: 60, 0, 3, 0 PMS: 2985 C

Light Blue

Hex: #5BC2E7
RGB: 91, 194, 231
CMYK: 60, 0, 3, 0
PMS: 2985 C

Dark Grey Hex: #54585A RGB: 84, 88, 90 CMYK: 0, 0, 0, 80 PMS: 425 C

Dark Grey

Hex: #54585A
RGB: 84, 88, 90
CMYK: 0, 0, 0, 80
PMS: 425 C

Zagster Orange Hex: #FFA300 RGB: 255, 163, 0 CMYK: 0, 41, 100, 0 PMS: 137 C

Zagster Orange

Hex: #FFA300
RGB: 255, 163, 0
CMYK: 0, 41, 100, 0
PMS: 137 C

The main Zagster color palette consists of 4 colors: Zagster blue, light blue, grey, and Zagster orange.

 

Accent palette

Medium Blue Hex: #00A8D1 RGB: 0, 168, 209 CMYK: 75, 14, 9, 0 PMS: 2191 C

Medium Blue

Hex: #00A8D1
RGB: 0, 168, 209
CMYK: 75, 14, 9, 0
PMS: 2191 C

Bright Yellow Hex: #FFC72C RGB: 255, 199, 144 CMYK: 0, 19, 89, 0 PMS: 123 C

Bright Yellow

Hex: #FFC72C
RGB: 255, 199, 144
CMYK: 0, 19, 89, 0
PMS: 123 C

Red Orange Hex: #F47521 RGB: 244, 117, 33 CMYK: 0, 67, 100, 0 PMS: 7578 C

Red Orange

Hex: #F47521
RGB: 244, 117, 33
CMYK: 0, 67, 100, 0
PMS: 7578 C

Purple Hex: #473648 RGB: 71, 54, 72 CMYK: 67, 79, 24, 59 PMS: 7448 C

Purple

Hex: #473648
RGB: 71, 54, 72
CMYK: 67, 79, 24, 59
PMS: 7448 C

Zagster accent colors provide flexibility in design, but should only be used alongside main colors. Tints and shades of main and accent colors can also be used sparingly.


Zagster Icons

Zagster Bike

Always use this icon to represent a Zagster bike. Other bike icons lack the step-through frame and front basket that are signature features of a Zagster bike.

It also comes in a 'zoom' version!

 

Zagster pin

Our pin is used to show Zagster bike station locations on maps. It's also the Zagster app icon.

 

Zagster Photography

Partner Resources

Internal Resources