Page 1

MINI DESIGN MANUAL February 2017


LOGO The logo is OnRobots brand mark. It is what forms the base of the company’s identity and that all other elements are based on.

VERSIONS To the right are the different versions of the logo. The logo may not be used with other color combinations than these. The colors are found on page 4. The logo can not be split up since this would harm the impression and understanding of the company.

PLACEMENT On page 3 it is illustrated how to properly place the logo. The logo should always be placed in the upper og lower right corner, to keep a consistency throughout the different medias.

This is the main logo. It is to be used when possible. Used in online media and for multicolor printing on a light background.

The method used on the A4 formats can also be used on other formats, if it makes sense. Remember to always include the o-space around it.

2

Used in online media and for multicolor printing on a dark background.

Used for black and white printing on a light background.

Used for black and white printing on a dark background.


The OnRobot logo is to be used with a certain space around it, to keep the integrity of the brand. The distance is equivalent to an o on each side.

On a vertical A4 the logo placement is decided by placing 3x the logo besides eachother, including the o-space around it. On a horizontal A4 the logo placement is decided by placing 4x the logo besides eachother, including the o-space around it.


TYPOGRAPHY Ubuntu is the primary font. It is to be used in all kinds of text both for web and print material. Downloadable from Google Fonts.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Ææ Øø Åå 1 2 3 4 5 6 7 8 9 0 Ubuntu Light - used when highligting a text or in a quote.

ALTERNATIVE If Ubuntu is not an option the secondary font to be used is Arial. But it is as a last resort!

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Ææ Øø Åå 1 2 3 4 5 6 7 8 9 0 Ubuntu Regular - used in body text.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Ææ Øø Åå 1 2 3 4 5 6 7 8 9 0 Ubuntu Bold - used in headlines with capital letters or in body text to highlight single words.

4


COLORS Light blue - used for important elements; buttons, highlighted text etc. It cannot be misused by using it too much.

The signature color for OnRobot is the light blue color. This is what upholds the brand alongside the logo. It should be used thoughtfully where it stands out the most. The other color in the logo is the grey. This is also a important color in the visual identity of the brand, but can be used more freely than the blue.

RGB 73 157 218 CMYK 67 28 0 15 HEX #499dda 100%

80%

60%

40%

20%

To support the two main colors, a black and light grey has been chosen. These can be used for anything as long as it makes sense in the consistency.

OPACITY

Pantone Solid Uncoated 2172 U

Grey - used for body text, backgrounds and other elements to give a certain contrast. RGB 126 135 142 CMYK 11 5 0 44 HEX #7e878e 100%

80%

60%

40%

20%

Pantone Solid Coated 430 C

It is allowed to use opacity on certain elements and text, as long as it serves a purpose. Black - used for headlines and other elements where it makes sense.

The opacity options are 20% 40% 60% 80% as shown to the right.

RGB 38 41 43 CMYK 12 5 0 83 HEX #26292b 100%

80%

60%

40%

20%

Pantone Solid Coated 426 C

Light grey - used in backgrounds to seperate spaces, and other elements. RGB 223 228 232 CMYK 4 2 0 9 HEX #dfe4e8

5

100%

80%

60%

40%

20%

Pantone Solid Coated 659 C

OnRobot Designmanual  
Read more
Read more
Similar to
Popular now
Just for you