Logos

Our Logo

Our identity is anchored by a solid block shaped "B". This symbol is referred to as the logo mark. The logo mark is divided in two by a stroke that begins from the top right and ends at the bottom left. The mark is filled with a solid gray color. The mark is supported by the word "Beeline". This symbol is referred to as the logo text. The logo text is built with a custom font that is based off the font family Gotham. The logo text is filled with a solid green color often referred to as the "Beeline Green". This green is referred to as "Green Primary" in our color palette.

Logo Guidelines

  • Don’t add additional shadows or lighting effects, modify colors, or change the orientation.
  • The mark and text can be used independently of each other.
  • When using the combined horizontal layout, the mark should always appear on the left and the text on the right
  • Do not place the logo on a background that hinders it's visibility. This usually means a gray background for the mark and a green background for the text
Beeline Logo
Beeline Logo
Beeline Logo

Download The Beeline Logo Set

Incorrect Usage

These are non-examples that showcase our logo being used incorrectly.

Bad logo example

Color Modification

Bad logo example

Visibility

Logo-Old

Shadows, Lighting effects, color modification

bad logo with gradient

Shadows, Lighting effects, color modification

Logo with poor orientation

orientation

Logo with poor contrast ratio

Visibility


Product Logos

Our products are how we deliver our award-winning solutions to our clients, and each product logo represents hours of planning and hard work by our colleagues. It's very important that our product logos stay consistent so that they are easily recognizable as a Beeline product.

Product Logo Diagram

Structure

  1. Every product logo starts with the Beeline text. We never put the mark with a product logo only the text, and we never use icons to represent a product
  2. The product name uses the font Gotham and the weight is bold
  3. Gotham is a difficult font to work with due to its unequal letter heights. It's the designers' job to find a good letter height that is as close to the Beeline text height as possible
  4. When a product name has more than one word in it, the words should be separated by equal distances. To find the correct distance, we use the letter 'n' from the Beeline text.

Download Product Logo Illustrator Template

Download Product Logo Sketch Template

Beeline logo - light example Beeline logo - dark example

Colors

Product logos come with two color schemes and we expect them to be used based on what provides the best visibility. The font color that works best on light backgrounds is our standard primary text color #4b4b4b The font color that works best on dark backgrounds is pure white #ffffff