14
STYLE GUIDE 1 Style Guide | ©2018 VirtualTraining s.r.o., All rights reserved 07/2018

ROUVY style guide 07-2018 ver07 #03 - Virtualtraining · alette 100% 75% 50% 100% 75% 50% 100% cmyk rgb hex one w 0/18/100/0 252/205/0 fccd00 012 c cmyk rgb hex one white 0/0/0/0

  • Upload
    others

  • View
    6

  • Download
    0

Embed Size (px)

Citation preview

Page 1: ROUVY style guide 07-2018 ver07 #03 - Virtualtraining · alette 100% 75% 50% 100% 75% 50% 100% cmyk rgb hex one w 0/18/100/0 252/205/0 fccd00 012 c cmyk rgb hex one white 0/0/0/0

STYLE GUIDE

1 Style Guide | ©2018 VirtualTraining s.r.o., All rights reserved

07/2018

Page 2: ROUVY style guide 07-2018 ver07 #03 - Virtualtraining · alette 100% 75% 50% 100% 75% 50% 100% cmyk rgb hex one w 0/18/100/0 252/205/0 fccd00 012 c cmyk rgb hex one white 0/0/0/0
Page 3: ROUVY style guide 07-2018 ver07 #03 - Virtualtraining · alette 100% 75% 50% 100% 75% 50% 100% cmyk rgb hex one w 0/18/100/0 252/205/0 fccd00 012 c cmyk rgb hex one white 0/0/0/0

LOGOTYPENew logo identity

Logo in grid

Minimum clear area

Logo variations

Don’ts

Logo + Claim

Color palette

Rouvy “Compatible“ icon

5

6

7

8

9

10

12

14

TABLE OF CONTENTS

COLORS

ICON

3 Style Guide | ©2018 VirtualTraining s.r.o., All rights reserved

Page 4: ROUVY style guide 07-2018 ver07 #03 - Virtualtraining · alette 100% 75% 50% 100% 75% 50% 100% cmyk rgb hex one w 0/18/100/0 252/205/0 fccd00 012 c cmyk rgb hex one white 0/0/0/0

LOGOTYPE

Page 5: ROUVY style guide 07-2018 ver07 #03 - Virtualtraining · alette 100% 75% 50% 100% 75% 50% 100% cmyk rgb hex one w 0/18/100/0 252/205/0 fccd00 012 c cmyk rgb hex one white 0/0/0/0

NEW LOGO IDENTITY

ROUVY LOGO

The new Rouvy logo is inspired by an aerodynamic cycling helmet. It is created from a few simple shapes to be easily read, recognized and remembered.

5 Style Guide | ©2018 VirtualTraining s.r.o., All rights reserved

Page 6: ROUVY style guide 07-2018 ver07 #03 - Virtualtraining · alette 100% 75% 50% 100% 75% 50% 100% cmyk rgb hex one w 0/18/100/0 252/205/0 fccd00 012 c cmyk rgb hex one white 0/0/0/0

LOGO IN GRID

x x 0.75x

1.5x

3x

t

t

xt

t

6 Style Guide | ©2018 VirtualTraining s.r.o., All rights reserved

Page 7: ROUVY style guide 07-2018 ver07 #03 - Virtualtraining · alette 100% 75% 50% 100% 75% 50% 100% cmyk rgb hex one w 0/18/100/0 252/205/0 fccd00 012 c cmyk rgb hex one white 0/0/0/0

MINIMUM CLEAR AREA

7 Style Guide | ©2018 VirtualTraining s.r.o., All rights reserved

Page 8: ROUVY style guide 07-2018 ver07 #03 - Virtualtraining · alette 100% 75% 50% 100% 75% 50% 100% cmyk rgb hex one w 0/18/100/0 252/205/0 fccd00 012 c cmyk rgb hex one white 0/0/0/0

LOGO VARIATIONS

Color variations

Monochromatic variations

Don’t use

Logo usage with background

100% 80% 60% 40% 20% 10% 0%

8 Style Guide | ©2018 VirtualTraining s.r.o., All rights reserved

Page 9: ROUVY style guide 07-2018 ver07 #03 - Virtualtraining · alette 100% 75% 50% 100% 75% 50% 100% cmyk rgb hex one w 0/18/100/0 252/205/0 fccd00 012 c cmyk rgb hex one white 0/0/0/0

DON’TS

Scale the logo out of porportion.Change to color of the logo Rotate the logo

Cut the logo to separate the wordmark and the Rouvy helmet

Reduce the logo smaller then 30 mm wide (print only)

30 mm

Change the font of the wordmark

9 Style Guide | ©2018 VirtualTraining s.r.o., All rights reserved

Page 10: ROUVY style guide 07-2018 ver07 #03 - Virtualtraining · alette 100% 75% 50% 100% 75% 50% 100% cmyk rgb hex one w 0/18/100/0 252/205/0 fccd00 012 c cmyk rgb hex one white 0/0/0/0

WHEN TO USE

The "Logo + Claim" tagline is to be used to highlight the fact of the focus on reality. This logo is to be used everywhere where users could understand our main mission - Simulate the real outdoor rides indoor. Don't use it in the combination with the separate claim on the same page.

LOGO + CLAIM

h

2h

x

x x

x

Font: ONRAMP Tracking -17

10 Style Guide | ©2018 VirtualTraining s.r.o., All rights reserved

Page 11: ROUVY style guide 07-2018 ver07 #03 - Virtualtraining · alette 100% 75% 50% 100% 75% 50% 100% cmyk rgb hex one w 0/18/100/0 252/205/0 fccd00 012 c cmyk rgb hex one white 0/0/0/0

COLORS

Page 12: ROUVY style guide 07-2018 ver07 #03 - Virtualtraining · alette 100% 75% 50% 100% 75% 50% 100% cmyk rgb hex one w 0/18/100/0 252/205/0 fccd00 012 c cmyk rgb hex one white 0/0/0/0

COLOR PALETTE

100% 75% 50%

100% 75% 50%

100%

CMYKRGBHEXPANTONE

ROUVY YELLOW

0/18/100/0252/205/0FCCD00Yellow 012 C

CMYKRGBHEXPANTONE

WHITE

0/0/0/0255/255/255FFFFFF— WHITE —

CMYKRGBHEXPANTONE

RICH GRAY

15/10/10/7554/54/53363635439 C

100%

CMYKRGBHEXPANTONE

DEEP BLACK

40/30/30/10016/13/16100D10Process Black C

100% 75% 50%

CMYKRGBHEXPANTONE

ROUVY WEB GREEN

70/0/100/067/176/4243B02A361 C

12 Style Guide | ©2018 VirtualTraining s.r.o., All rights reserved

Page 13: ROUVY style guide 07-2018 ver07 #03 - Virtualtraining · alette 100% 75% 50% 100% 75% 50% 100% cmyk rgb hex one w 0/18/100/0 252/205/0 fccd00 012 c cmyk rgb hex one white 0/0/0/0

ICON

Page 14: ROUVY style guide 07-2018 ver07 #03 - Virtualtraining · alette 100% 75% 50% 100% 75% 50% 100% cmyk rgb hex one w 0/18/100/0 252/205/0 fccd00 012 c cmyk rgb hex one white 0/0/0/0

ROUVY “COMPATIBLE“ ICON

ROUVY ICON

The square icon use everywhere exceptas the app icon. The example of use is the

list of recommended trainer apps.

14 Style Guide | ©2018 VirtualTraining s.r.o., All rights reserved