B R A N D
G U I D E L I N E S
source: https://dstqaa92re5c4.cloudfront.net/Images/LivCycling/TeamsAndRiders/teams/triathlon/banner_seely2.jpg
Contents
6
What is Cyclo?
24
Logos dos and donts
8
Our Story
26
Our Colors
10
Our Mission Statement
28
Our Typefaces
12
Our Brand Values
30
Patterns
14
Who are our users?
32
Mobile App
16
Our tone of voice
36
Energy Pod
18
Our Logo
40
Advertising
22
Our Tagline
44
Collaterals
What is Cyclo?
6
Cyclo is an Augmented Reality Mobile App that promotes cycling among Aucklanders by making it more recreational and social for people of all age groups. Our app gamifies fitness and encourages our users to join an online community full of challenges & surprising rewards. It motivates every frequent cyclist and “not so often� cyclist with its gaming experience which lets our brand stand aside from any other cycling app.
7
Our Story
8
9
Our Mission Statement
10
“To experience the fun behind wheels.To inspire everyone towards a healthy lifestyle through our brand and action�
11 source: http://i0.wp.com/femmes.bg/wp-content/uploads/2013/06/Bike-Yoga.jpg
Our Brand Values
12
Inspire To motivate everyone towards a healthy lifestyle and shape a better future
Explore
Fun
Feel free to explore outdoor on wheels, sweat it out, breathe fresh air and feel refreshed & energized
We recognize fun is the key factor missing among commuters and we provide it to our best 13 source: http://aucklandbikefit.co.nz/Fit%20Clinic/cycle-clinic.php
Who are our users?
Staying fit by hitting the gym was almost my every New year’s resolution. But right after few months, sometime even weeks, I would just quit with no motivation to keep me going. Waste of membership fee is what usually happens to me every year. But with Cyclo, I needn’t spend money on gym but just ride around using my cycle, and I’m rewarded for every calorie I burn here and in a fun way!
14
I’m a student, I spend hours on traffic and sometimes even late to class because of that. With Cyclo, it helps me commute faster and zip past traffic during peak hours. Not just that but also with a fun filled gaming experience!
I’m in my 40’s, now I finally have time to explore outdoors and enjoy life. Cyclo helps me get along with my friends and challenge each other on a ride and helps us stay healthy and energetic!
I’m a mother of 3 children, always busy with household chores and no time to concentrate on my health and fitness. With Cyclo, me and my family spend some fun time cycling around parks, and I can actually concentrate on my fitness and my family at the same time! My kids love it as it gets their gaming world into real life and now, finally, I can stay fit in a fun way!
15
Our Tone of Voice
16
Tone of voice of Cyclo is important as it expresses the people behind our brand. Cyclo uses a fun and casual voice. This is our brand personality that sets us apart from rest of the cycling app. We believe people don’t always remember what you say or what you do, but they always remember how you made them feel Cyclo aims at making every casual ride of a cyclist into a fun filled experience.
17 source: https://prod-filesbucket-7hmmorphht20.s3-ap-southeast-2.amazonaws.com/styles/nova_wysiwyg_body__1400px_/s3/gettyimages-107429525.jpg?itok=govdloGV
Our Logo Meet our Primary Logo. This Logo is the seed of our visual identity. It is clear and minimalistic and fun, inspired from what is our brand all about.
18
19
Clear Spacing
20
Clearspacing
The logotype should always have some clearspacing around its border.The spacing should be the size of a square of side 37 px
21
Our Tagline Our Tagline communicates our brand’s unique value proposition powerfully and memorably to our users. It visually explains what our brand offers to every cyclist in simple words.
22
THE ROAD, REINVENTED
23 source: http://www.datewitheight.co.nz/image/cache/catalog/Ian_Rushton_PinkPath-1-7-1000x1000.jpg
Logo dos and donts There are a couple of different ways to showcase our logo. The black color logo should always be used on white or any bright colored background. Use the white logo on a black or dark colored background. The customizable patterned version of our logo could be used for special purposes. White color logo has to be used on photographic backgrounds.
24
White Background
Dark colored Background
Negative
Photographic background
Light Colored Background
Pattered Logo
25
Our Colors Cyclo’s visual identity heavily relies on usage of colors. These are the colors that represent our brand. These primary colors have been used exclusively on the mobile app. The colour T urquoise is associated with energy and refreshment while Salmon is playful and adds a touch of sophistication to the palette.
26
SALMON PINK
TURQUOISE
R=255, G=80, B=60
R=16, G=164, B=153
R=134, G=136, B=138
C=0, M=12, Y=80, K=0
C=78, M=12, Y=46, K=0
C=50, M=40, Y=39, K=4
GREY
27
Our Typeface
28
Aa
Coco Gothic
This is the default font style used throughout the app.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOo PpQqRrSsTtUuVvWwXxYyZz AaBbCcDdEeFfGgHhIiJjKkLlMmNnOo PpQqRrSsTtUuVvWwXxYyZz AaBbCcDdEeFfGgHhIiJjKkLlMmNnOo PpQqRrSsTtUuVvWwXxYyZz AaBbCcDdEeFfGgHhIiJjKkLlMm NnOoPpQqRrSsTtUuVvWwXxYyZz
29
Our Patterns These patterns can be used across wide range of promotional materials. They are majorly used as backgrounds in our mobile app.These patterns represent our brand in its most unique way.
30
31
Mobile App The Cyclo Mobile app utilizes our type treatment, color palette and patterns throughout its design. It streamlines and condenses the gamified fitness platform into a user friendly mobile experience. It is aimed at providing a most user friendly, and safe experience when on road.
32
33
34
35
Energy Pod Cyclo introduces E Pod, an interactive vending machine, located at different parts within Auckland. The app users can use the points earned from their rides to buy refreshments from here. E Pod lets our users get refreshed and energized during every ride. E Pod offers a range of energy drinks and refreshments along with our brand merchandises. This structure facilitates every cyclist with a bike parking and comfortable seating area to rest while refreshing themselves with our energy supplies.
36
37
38
Touch screen vending machine made of bullet proof glass following safety norms
Shatter proof glass
Seating facility for the cyclist to rest
Metal structure with white glossy laminate finish
Bike parking facility 39
Advertising Cyclo advertising is always stripped down to it simplest form, with just our logo and tagline. Upcoming challenges and events advertise their poster designs strictly using our color palette, typeface and patterns to get a unified design experience.
40
41
42
43
Collaterals These are some of the extensions of Cyclo brand. We like to bring in our primary logo in all and make them pop with our color palette.
44
45
46
47
source: https://at.govt.nz/media/1813230/cyclist-and-son.jpg
Live it Love it Cycle it
T H E
R O A D ,
R E I N V E N T E D
Š Nivetha Rangaraju . 2017 . nivetharangaraju@gmail.com