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.

Route4Me logo featuring three yellow arrows pointing outward from a central orange circle, with four smaller orange circles at the corners, symbolizing route optimization.
Geometric construction diagram of Route4Me's logo symbol. Three yellow arrows pointing outward from a central orange circle, with measurement lines and angles. Gray checkered background.

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.

Route4Me logo featuring stylized yellow arrows pointing outward from a central orange dot, alongside the company name in blue text on a white background.
Route4Me logo design specifications showing proportions and spacing. Navy blue text with orange number 4. Yellow arrows and orange dots form a stylized route shape on the left.

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.

Route4Me logo with orange geometric shapes representing connecting routes and blue text on white background}
Route4Me logo featuring white text on a deep blue background. To the left, an orange icon with three arrows pointing outward from a central point.

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.

Route4Me logo with orange arrow icon and blue text, surrounded by gray 'e' letters indicating clear space for brand guidelines.

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.

Diagram showing logo spacing guidelines for Route4Me, Google, and Amazon. Clear space between logos equals one Route4Me symbol width. Partner logos align to the baseline of Route4Me's logotype.

* 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.

Stylized icon on a blue square background. Three yellow arrows pointing in different directions, connected by four orange circles, representing route planning concepts.
Blue square icon with yellow arrows pointing inward and outward, representing route optimization. Orange circles mark arrow endpoints and center.
Circular blue icon with three yellow arrows pointing outward from a central orange circle, representing route optimization. Orange dots mark the endpoints of each arrow.

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.

Route4Me logo with light orange puzzle piece shapes forming a map pin icon next to gray text on a white background.
Do not change the transparency of the logo
Route4Me logo featuring green text and an arrow-like icon composed of four triangles pointing outwards, representing route optimization.
Do not use different colors
Route4Me logo featuring the company name in blue with an orange geometric shape resembling a map pin or route marker to the left
Do not change the position of the logo parts in relation to each other
Route4Me logo featuring orange arrows pointing outward from circles, alongside the company name in blue text on a white background.
Do not change the size of the logo parts in relation to each other
Route4Me logo featuring stylized orange geometric shapes resembling a map pin or routes, with blue company name text to the right
Do not distort the logo
Route4Me logo featuring the company name in dark blue text with a stylized orange and yellow geometric icon to the left, representing interconnected routes.
Do not use drop shadows or any other effects
Route4Me logo with stylized connected nodes and lines forming a route-like pattern to the left of the company name in bold letters
Do not outline logotype
Route4Me logo featuring yellow connected arrows and orange dots, with the company name in blue text on a white background.
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 Color palette showing six shades of blue, ranging from deep navy to light sky blue.

Accent Orange

HEX: #FF7B24
RGB: R 255 / G 123 / B 36 Bright orange color swatch with five gradient shades below, ranging from deep orange to pale peach.

Action Green

HEX: #A1C060
RGB: R 161 / G 192 / B 96 Color palette displaying shades of green, from vibrant lime to pale chartreuse. Five rectangular swatches show progressively lighter tints of the main green hue.

Text

HEX: #555555
RGB: R 83 / G 83 / B 83 Text sample in large gray letters, with five color swatches below showing different font styles. Colors include white, light gray, orange, blue, and light green.

Color Balance

Preserve approximate color percentage according to the graph below.

Pie chart showing color balance in Route4Me's brand design: 60% White, 20% Primary Blue, 10% Accent Orange, 5% Action Green, and 5% Other. The chart visually represents the proportion of each color used.

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.

Typography guide showing Open Sans font in different sizes for title, subtitle, and paragraph text.