UNDERSTANDING 

 THE SYSTEM 

Explore

 

 01 

Logo

Friendly and dynamic.

The lower case letters together with the rounded font used in the logo are friendly and approachable but still clean and dynamic to match our mission. The symbol represents connection, dynamism and forward movement that sennder is bringing to the logistics industry.

Brand Logo-01.jpg

Construction.

Our logo is carefully constructed to maintain ownable characteristics while allowing for perfect legibility at any size on any application. The symbol is constructed based on the golden ratio and its size, proportions and structure are all connected to it.

Brand Logo-02.jpg
S.gif

Clearspace.

The clearspace around the logo is equal to the diameter of the symbol.

Brand Logo-03.jpg

Scale.

Our logo is designed to scale to small sizes on print and screen.
 The smallest size being 20 pixels wide/0.85 centimeter wide.

Brand Logo-05.jpg

Colors.

The logo should be orange on white background, or white on orange background, white on darker background and dark grey on lighter background depending on the composition of your document or slide.

Brand Logo-04.jpg

Placement.

The position of the logo will depend on the graphic piece and the content that it contains, but as a general rule, the logo should be centered if alone in the format and on one corner if it shares space with more content. 

Brand Logo-06.jpg

Partnerships.

Aligning partnership logos should follow clear space rules. 
The separating line between logos is a vertical line at the same hight as the logo, placed in the middle of the suggested clear space, as shown below.

Brand Logo-07.jpg

Versions.

The sennder brand is dynamic. The isotype and the logotype can be used separately and indistinctly. The vertical version of the logo can be used if it fits the format better than the horizontal primary one. 

Isotype

Logotype

Brand Logo-08.jpg
 

 02 

Typography

Primary font: Open Sans.

Our choice of font is approachable, human, yet clean and technical. Utilising it helps provide increased visibility and recognition across all touch points for the brand.

Brand type-01.jpg
Brand type-02.jpg

Pairings.

The wide variety of weights within the Open Sans font allows dynamism and hierarchy. Semibold weight should be paired with Light weight, and Bold weight should be paired with Regular weight.

Brand type-05.jpg

Headline Box.

As a part of our system and a way of getting visual attention, we use boxes to underline headlines. The text inside the boxes is Open Sans always in capital letters for headlines, and small letters for captions. There should be a margin between the box and the type for it to breath, as shown below. 

Brand type-03.jpg
Brand type-04.jpg

Boxed Colors.

The boxes can use any of our brand colors. Just make sure the chosen color generates enough contrast between the background and the box itself. 

Brand type-13.jpg

Secondary Font: Helvetica Neue

For long texts, paragraphs, lists, or anything but titles, subtitles, headlines and captions, we use Helvetica Neue, a highly readable font. A sure move that will always work out.

Brand type-10.jpg

Hierarchy.

It is important to organize typography in 
a hierarchical system according to relative importance or inclusiveness through scale 
and function depending on communication.

Brand type-06.jpg
Brand type-07.jpg
Brand type-08.jpg

Typography Colors.

The type should be dark grey on lighter backgrounds and white on darker backgrounds. The color of the typography should never be black but rather dark grey. Check colors for sennder color codes.

Brand type-12.jpg
 

 03 

Colors

The orange.

Challenging, optimistic, passionate about what you do, always going the extra mile, delivering for customers, being progressive and successful but also doing something that matters for our carriers.

 

This is what the color Orange means to us.

sennder orange.jpg

Primary Colors.

Our primary brand colors are orange and white. The orange we use is the most dominant color in all our marketing materials to attract attention and direct the user to an important factor. The white color is used to counter the orange's euphoric energy.

Secondary Colors.

Our secondary brand colors are the dark and light grey. The dark we use to compliment and tone down our orange, and to bring more subtle accents into the design. The ligher grey we use to display content that is subtle and needs to stand out less and when we need an extra color to represent content that is secondary to context.

Usage Proportions.

It is important to follow the rules of these proportions when creating any brand communication in order to maintain brand consistency and remain accessible for all people.

Color Guidance.

Avoid any of the following practices:

(X) Combining brand colors in a way that doesn't secure enough contrast.

(X) Color effects or creating new colors.

(X) Displaying the logo on a color not specified on this brand guideline.

Brand colors-04.jpg

(X) Using black typography instead of the sennder dark grey.

(X) Using a black background. 

(X) Using orange typography on any other background but white.

Brand colors-05.jpg

Color Applications.

The following applications are allowed: 

(✓) Combining brand colors in a way that secures contrast.

(✓) Using black and white color effect.

(✓) Using white over an orange background

Brand colors-04.jpg

(✓) Using dark grey text over light grey or white backgrounds.

(✓) Using white text over dark grey background or over darker imagery.

(✓) Using orange typography over a white background

Brand colors-05.jpg
 

 04 

Photography

Young. Wild. Free.

Our photography curatorship should aim for boldness and clearness and should inspire the viewer with a sense of movement, freedom, youth and freshness.

17124-016.jpg

Beyond trucks.

Although we are in the logistic industry, it is not necessary to include a truck or a road in every single picture. Solid branding is not about the "what" or the "how"... is about the "why". Photography is a great tool for inspiring the audience with sennder's more abstract core values and its spirit. 

Brand photography-01.jpg

Logistic related images. Use this to talk about the business and the industry.

"Human" is one of our core values. Let's make it about people and not about machines.

Images can be very useful for representing abstract concepts in a beautiful way.

Brand photography-04.jpg

To show processes or talk about design, business management, creativity, etc.

Embrace the orange. Play around with this folder full of orange imagery.

Our offices are great!  Let's share what this spaces look like with the outer world.

Brand photography-05.jpg

A set of futuristic pictures about technology and digitalization to include in sennder graphics.

We are a global company. Pictures of the places our offices are located.

Succeed as a team! The best pictures of sennder's events and lifestyle.

Photography Guidelines.

Avoid any of the following practices:

(X) Framing the pictures.

(X) Using pictures with doubtful quality. If it doesn't look great and professional, is better not to use it.

Brand photography-03.jpg

(X) Cropping the pictures into circles or any other shape.

(X) Using type masks over the pictures.

Brand photography-06.jpg

(X) Writing text over complex content making it hard to read.

(X) Using generic photo bank pictures that look fake or over acted.

Brand photography-07.jpg

Photo Applications.

The photos should be placed without a frame, covering either the full area or half of it vertically or horizontally as shown below:

Full Picture

Brand photography-02.jpg

Vertical Picture

Brand photography-09.jpg

Horizontal Picture

Brand photography-08.jpg
 

 05 

Iconography

Simple line icons.

Our icons are inspired in our symbol, as they are friendly, dynamic and rounded. They have the exact level of detail that allows to represent complex concepts while still remaining simple. 

Brand iconography-01.jpg

Colors.

The set of icons is available in the following colors, that can be used indistinctly. 

Brand iconography-02.jpg

Combinations.

To secure readability and the right level of contrast, and also to take care of the aesthetics, there are a limited number of color combinations allowed. Orange icons can only be displayed over white background, white icons can be displayed either over dark grey or orange background and dark grey icons can only be displayed over white and never over the orange background. 

(✓) White icon over orange background.

Brand iconography-04.jpg

(✓) White icon over dark grey background.

Brand iconography-03.jpg

(✓) Dark grey icon over white background.

(✓) Orange icon over white background.

Brand iconography-05.jpg

Hierarchy.

It is important to organize icons in 
a hierarchical system according to relative importance. We can highlight a specific concept through color. Icons should always be the same size within the same composition.

Brand iconography-6-01.jpg

 FAQ/Help 

Still unsure about how to use our brand?

Check out our FAQ/Help section to clear all doubts!