Brand Guidelines

Understand how to use our brand

Illustration Guidelines

Basic guideline to our illustrations

Download Assets

Have access to our brand materials

Welcome

to our Branding book, this manual aims to help users to use
our brand correctly, whether for basic applications or more technical creations.

Our Logo

 
Agility or dynamic minimalism are at the core of our brand and are also expressed in our logo type and icon. Our logo is our quality seal and therefore should abide some rules in implementation so as that our values are always represented by it when in use.

Construction

The logo construction was based in the golden radio using Fibonacci number sequence.The Golden Ratio
is a mathematical principle that can be found in nature, anatomy, colour, and even sound waves.

Because of its pleasing nature, it has been used in art, paintings, architecture, music, and design over
thousands of years. Scientific studies have shown that we perceive things that contain the Golden Ratio as
beautiful, harmonious, and bordering perfection, even when we are unaware of it.

Spacing and Clearspace

The white space in our logo enhances readability and it is fine tuned to it’s proportions.

We need Clearspace(space around the logo) to protect if from other objects being too close to it and being less readable.

Responsive Logo System


A responsive logo design means that the logo adapts to its environment. Adjust colors, sizes and details.

Whenever possible, we should use our main version but In different contexts we tend to prioritise different aspects
of our brand, due to technical or communicational priorities.

Excepcional uses, not state here, ask for permission, use examples

Main Version

Stryber logo should never be smallerthan 30px in digital or 3cm in print.

Reduced Vesion

This version can only be used If
the logo is smaller than 30 px

Main Icon

This version should be used:
• If the logo is smaller than 30 px.
• For avatars and square spaces.
• Presentations
• Graphic variations

Favicon

This version should be used onlyIf the logo is smaller than 20 px Example: Favicons

 

What not to do


We know you never would… but just to be very clear,here are some examples what we can’t do if the brand.

Primary Brand Colors

Whichever version of the logo we use, the only color that it can be used with is black. The stark contrast of black and white makes for essentialism and all-terrain approach, with a hint of premium.

Black can be printed or displayed anywhere, and perceived by everyone.

Dusk

Hex: #1C1C1C
RGB: 28, 28, 28
CMYK: 0, 0, 100, 89

Snow

Hex: #FFFFFF
RGB: 255, 255, 255
CMYK: 0, 0, 100, 0

Secondary Colors

These colours are elements that can help to compose some graphic material, online or printed.

These colours cannot be predominant and should be used in harmony with black or white.

In the Graphic composition section you can have a better understanding how they work together

They should be used sparingly throughout illustration, photography, and product in order to maintain meaning and potency.

Midnight

Hex: #3F2EB8
RGB: 63, 46, 184
CMYK: 66, 75, 100, 28

Morning

Hex: #2878FA
RGB: 40, 120, 250
CMYK: 84, 52, 100, 2

Rising

Hex: #F09135
RGB: 240, 145, 53
CMYK: 0, 40, 100, 6

Sunset

Hex: #DA4448
RGB: 218, 68 ,72
CMYK: 0, 69, 100, 15

Typography

To keep our brand system consistent we chose the Galano grotesque family as the Stryber main typography.

Web Typography

For web accesibility we use Open Sans as our go-to text font in the situations where Galano cannot be implemented

Illustration System

Our illustration style builds off the simple shapes of our logo and the transportation language background of our typeface.

Simple shapes, clean lines, limited color our illustration a branded feel and make it easy to digest and understand at a glance.

Construction

Illustrations are constructed using basic geometric shapes

Styles

Scenario

Scenario is our main module, in this style the idea is to create a composition, or moment that can represent a specific situation or idea, in this module the user can combine different blocks to create a larger composition

Stickers

Sticker is a simpler way of illustrations, in this mode there is no need to create a scenario, here the focus is to create a supporting graphic composition

Illustration Guidance

Do not use blend mode or transparencies

Do not mix color palettes

Do not use gradients

Do not use strokes

Stryber Assets

Logo

• Download as .AI
• Download as .SVG
• Download as .PNG
• Download as .JPEG

• Download as .AI
• Download as .SVG
• Download as .PNG
• Download as .JPEG

Linkedin Cover

• Download as .AI
• Download as .SVG
• Download as .PNG
• Download as .JPEG

• Download as .AI
• Download as .SVG
• Download as .PNG
• Download as .JPEG

• Download as .AI
• Download as .SVG
• Download as .PNG
• Download as .JPEG

• Download as .AI
• Download as .SVG
• Download as .PNG
• Download as .JPEG

Wallpapers

• Download as .AI
• Download as .SVG
• Download as .PNG
• Download as .JPEG

• Download as .AI
• Download as .SVG
• Download as .PNG
• Download as .JPEG

• Download as .AI
• Download as .SVG
• Download as .PNG
• Download as .JPEG