Stay Compliant With Our Corporate Branding Guidelines

Download PDF

Route4Me Symbol

The symbol is composed of simple geometric shapes. Note the consistency of shapes, sizes, and spacing. This geometry must always be maintained.

Correct usage - Route4Me symbol: three yellow arrows radiating from a central orange circle with four small orange dots at arrow endpoints.
Correct usage - Route4Me symbol construction: three yellow arrows radiating from a central orange circle with four small orange dots at arrow endpoints; geometry proportions must be preserved.

Route4Me Logo

The logo parts have very specific placement relationships within each other. The alignments create a solid lockup. Knowing these spatial relationships is critical for maintaining consistency across the brand.

Correct usage - Logo: Route4Me symbol with arrows and orange dots next to logotype Route4Me; logotype navy with orange digit 4; proportions fixed on white background.
Correct usage - Logo specification diagram: shows Route4Me logo with arrows, dots, spacing multiples 2x horizontal and 3x vertical, ensuring fixed relation between symbol and logotype; geometry proportions must be preserved.

Logo on Backgrounds

The logo should be used only on white or blue backgrounds. Avoid using logo on photographs unless the logo sits on the white area of the image.

Correct usage - Logo on white background: Route4Me symbol in orange/yellow with logotype in navy.
Correct usage - Logo on primary blue background: Route4Me symbol in orange/yellow with logotype reversed to white.

Logo Clear Space

Ensure there is adequate space between the logo and surrounding elements. The clear space around should always be greater than or equal to the 1/3 of logo height.

Correct usage - Logo clear space: Route4Me logo showing required exclusion zone equal to one-third of logo height; no other design elements allowed inside.

Alignment

Follow the spacing and alignment specifications below when locking the Route4Me logo up with a series of affiliated logos. Partner logos should be aligned to the optical baseline of Route4Me logotype.

Correct usage - Logo alignment: Route4Me placed alongside Google and Amazon logos; spacing between logos equals one Route4Me symbol width; all logotypes aligned to optical baseline of Route4Me text.

* Google and/or Amazon logos are displayed for demonstration purposes only. Their placement near the Route4Me logo does not suggest a partnership or business relationship exists.

Mobile App Icon

An icon may have different shape on different devices. Ensure there is adequate space between the logo and icon shape edge.

Correct usage - Mobile app icon square: Route4Me symbol centered inside solid blue square with consistent padding.
Correct usage - Mobile app icon rounded square: Route4Me symbol centered inside solid blue rounded square, spacing consistent on all edges.
Correct usage - Mobile app icon circle: Route4Me symbol centered inside solid blue circle, proportions and clear margin intact.

Logo Misuse

The logo parts have very specific placement relationships within each other. The alignments create a solid lockup. Knowing these spatial relationships is critical for maintaining consistency across the brand.

Misuse - Transparency: Route4Me logo shown with reduced opacity (alpha less than 100%) making colors faded; violates visibility standard.
Do not change the transparency of the logo
Misuse - Color: Route4Me logo recolored in green with green text, not part of approved palette.
Do not use different colors
Misuse - Structure: Route4Me symbol repositioned incorrectly relative to logotype; alignment between icon and text broken.
Do not change the position of the logo parts in relation to each other
Misuse - Proportion: Route4Me logo with symbol enlarged disproportionately compared to text; fixed ratio rule violated.
Do not change the size of the logo parts in relation to each other
Misuse - Distortion: Route4Me logo stretched horizontally, breaking original aspect ratio 1:1.
Do not distort the logo
Misuse - Effects: Route4Me logo shown with drop shadow applied; violates flat design requirement.
Do not use drop shadows or any other effects
Misuse - Logotype outline: Route4Me text redrawn with stroke around letters, breaking type integrity.
Do not outline logotype
Misuse - Typeface: Route4Me logo recreated with non-approved font, not Open Sans; original font family must be preserved.
Do not re-create using any other typeface

Usage Guidelines

The Route4Me marks include the Route4Me name and logo, and any word, phrase, image, or other designation that identifies the source or origin of any of Route4Me's products. Please don't modify the marks or use them in a confusing way, including suggesting sponsorship or endorsement by Route4Me, or in a way that confuses Route4Me with another brand (including your own).

You may not:

  • Use any logos or similar imagery to represent Route4Me other than the examples we have provided
  • Use a Route4Me asset as a substitute for your own — if you don’t have a logo, please do not co-opt ours
  • Overprint or obstruct any part of the logo
  • Add special effects to the logo
  • Distribute or otherwise make available our logos, marks, or assets

Colors

Below is the official Route4Me color palette. Avoid deviating from this core set of colors.

Primary Blue

HEX: #334799
RGB: R 51 / G 71 / B 153 Correct usage - Primary Blue palette: example swatches in shades around #334799

Accent Orange

HEX: #FF7B24
RGB: R 255 / G 123 / B 36 Correct usage - Accent Orange palette: example swatches in shades around #FF7B24

Action Green

HEX: #A1C060
RGB: R 161 / G 192 / B 96 Correct usage - Action Green palette: example swatches in shades around #A1C060

Text

HEX: #555555
RGB: R 83 / G 83 / B 83 Correct usage - Text color palette: main text #555555; example background swatches #FFFFFF, #6B8EC7, #FF6400, #A1C060.

Color Balance

Preserve approximate color percentage according to the graph below.

Correct usage - Color balance donut chart: 60% White #FFFFFF, 20% Primary Blue #334799, 10% Accent Orange #FF7B24, 5% Action Green #A1C060, 5% Other Gray #999999.

Typeface

Route4Me uses Open Sans for all headlines, buttons and paragraph text.

Open Sans

Light
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$^&*()_+/-
Regular
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$^&*()_+/-
Semibold
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$^&*()_+/-

Typography

The exact point sizes and leading are not prescriptive and should be adapted to the size of the materials and layouts. However, the general proportions, weights and tracking should be kept intact for all layouts.

Correct usage - Typography guideline: three levels defined with Open Sans. Title: Light 45/45, largest; Subtitle: Regular 18/20, medium; Paragraph: Regular 12/18, smallest. Rule: hierarchy and proportions must remain consistent regardless of scaling.