12
Brand Guidelines

NEW STYLE GUIDE · 2018-05-16 · COLORS EXPLANATION These colors have become a recognizable identifier for the company. Digital Print Primary Colors Secondary Colors #00A0DC #C62827

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: NEW STYLE GUIDE · 2018-05-16 · COLORS EXPLANATION These colors have become a recognizable identifier for the company. Digital Print Primary Colors Secondary Colors #00A0DC #C62827

BrandGuidelines

Page 2: NEW STYLE GUIDE · 2018-05-16 · COLORS EXPLANATION These colors have become a recognizable identifier for the company. Digital Print Primary Colors Secondary Colors #00A0DC #C62827

LOGO

RECOMMENDED FORMATS:.eps | .ai | .png | .jpg | .tiff

Full Logo Logogram Logotype

Page 3: NEW STYLE GUIDE · 2018-05-16 · COLORS EXPLANATION These colors have become a recognizable identifier for the company. Digital Print Primary Colors Secondary Colors #00A0DC #C62827

DIMENSIONS

Full Logo

x

Page 4: NEW STYLE GUIDE · 2018-05-16 · COLORS EXPLANATION These colors have become a recognizable identifier for the company. Digital Print Primary Colors Secondary Colors #00A0DC #C62827

Logogram Logotype

CLEARSPACE

DEFINITIONShould be surrounded with clear space to ensure visibility and impact.

Page 5: NEW STYLE GUIDE · 2018-05-16 · COLORS EXPLANATION These colors have become a recognizable identifier for the company. Digital Print Primary Colors Secondary Colors #00A0DC #C62827

White Background Black Background

Gradient Blue Background Image Background

APPLICATION ON A BACKGROUND

DEFINITIONThe use of gradients should be 45o. In the colored background, logogram changes to outline.

Page 6: NEW STYLE GUIDE · 2018-05-16 · COLORS EXPLANATION These colors have become a recognizable identifier for the company. Digital Print Primary Colors Secondary Colors #00A0DC #C62827

LOGO APPLICATION

MINIMUM LOGO SIZESFull Logo: Height 3 mm | Logogram: Height 1.8 mm | Logotype: Height 3 mm

Full Logo Logogram Logotype

Page 7: NEW STYLE GUIDE · 2018-05-16 · COLORS EXPLANATION These colors have become a recognizable identifier for the company. Digital Print Primary Colors Secondary Colors #00A0DC #C62827

STAND-ALONE ICON

Grid

Colors Grayscale Black and White

Page 8: NEW STYLE GUIDE · 2018-05-16 · COLORS EXPLANATION These colors have become a recognizable identifier for the company. Digital Print Primary Colors Secondary Colors #00A0DC #C62827

COLORS

EXPLANATIONThese colors have become a recognizable identifier for the company.

Digital Print

Primary Colors

Secondary Colors

#00A0DC

#C62827 #AD1457 #6A1B9A #4527A1 #283593

#1564C0 #00828F #00695B #F57E16 #FFAB00

#0083FF

Page 9: NEW STYLE GUIDE · 2018-05-16 · COLORS EXPLANATION These colors have become a recognizable identifier for the company. Digital Print Primary Colors Secondary Colors #00A0DC #C62827

TYPOGRAPHY

Raleway - Regular Montserrat - Regular

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

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

Raleway - Extra Bold Montserrat - BoldAa 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

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

Primary Font Secondary Font

EXPLANATIONShould apply primary font in all printed and digital formats (documents, advertisements etc.).

Page 10: NEW STYLE GUIDE · 2018-05-16 · COLORS EXPLANATION These colors have become a recognizable identifier for the company. Digital Print Primary Colors Secondary Colors #00A0DC #C62827

APP ICONiOS

The icon has been designed according to iOSapp icon guidelines with a few modificationsto achieve optimal readibility, yet mantainconsistency with the iOS ecosystem.

Page 11: NEW STYLE GUIDE · 2018-05-16 · COLORS EXPLANATION These colors have become a recognizable identifier for the company. Digital Print Primary Colors Secondary Colors #00A0DC #C62827

APP ICONAndroid

The Android icon has been created based onGoogle’s Material Design guidelines.We choose the circle as the main icon shapeto achieve better shape contrast.

Page 12: NEW STYLE GUIDE · 2018-05-16 · COLORS EXPLANATION These colors have become a recognizable identifier for the company. Digital Print Primary Colors Secondary Colors #00A0DC #C62827

Old Logo New Logo