Dohop Guidelines
Version 1.0
These are the guidelines to the elements that makes up the Dohop brand. Feel free to hop around and get inspired and in the meantime you might even get to know us a little bit more.
Scroll to continue or use the menu above
Introduction
Anywhere. Simple.
We want our users to find the cheapest way to their destinations; quick and easy. With our search engine we can also provide destinations that other search engines might have trouble finding. Basically: Anywhere. Simple.
Logotype

Playful is the new serious

Our logo consists of the Dohop wordmark set in our house typeface, Dohop Mono Jump, that together with a story of icons explains how our service works in four steps. The wordmark and icons are also accompanied by our tagline — Anywhere. Simple.

Dohop Logo
Logotype

Our logotype is responsive. Depending on the screen width the logotype changes. Try the lever below to see how it works.

Drag to show responsiveness
Dohop Logo
Colors

Paint it Sunburn

The colors are a vital part of the Dohop identity. We use the colors as backgrounds. The color Ocean can also be used for text.

#50D9AF
Grass
R 80
G 217
B 175
PMS 3385 C
C 43
M 0
Y 26
K 0
#FFF000
Sun
R 255
G 240
B 0
Pantone Yellow C
C 0
M 0
Y 100
K 0
#FF9D64
Peach
R 255
G 157
B 100
PMS 487 C
C 0
M 44
Y 36
K 0
#FF5326
Sunburn
R 255
G 83
B 38
PMS 171 C
C 0
M 67
Y 85
K 0
#00D2FF
Sky
R 0
G 210
B 255
PMS 311 C
C 69
M 0
Y 13
K 0
#00005E
Ocean
R 0
G 0
B 94
PMS 2766 C
C 100
M 100
Y 6
K 57
Dohop Mono

Batman...

Dohop Mono is our display/headline typeface.

ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
0123456789
=~!@#$%^&*()+[]
|:;’:<>?,./

Big and bold

We are really proud of Dohop Mono, so we can use it big and bold.

Anywhere.
Simple.
Dohop Text

...and Robin

To accompany Dohop Mono we have developed the typeface Dohop Text. We use Dohop Text basically everywhere except for headline etc.

ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
0123456789
=~!@#$%^&*()+[]
|:;’:<>?,./
Dohop Text 18/22 px
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vivamus sagittis lacus vel augu. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vivamus sagittis lacus vel augu.
Dohop Text 14 px
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Etiam porta sem malesuada magna mollis euismod. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec id elit non mi porta gravida Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras matti.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Nullam quis risus eget urna mollis ornare vel eu leo. Aenean lacinia bibendum nulla sed consectetur. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Sed posuere consectetur est at lobortis. Integer posuere erat a ant
Rules

Minimum clear space area

The minimum clear space around the logo is equal to the width of the cursor in logo. Do not allow photos, typography or other graphic elements to enter the minimum clear space area.

Minimum size of the logotype
To retain the legibility of the logotype, the original logo must never be reduced below 175 px in width and never smaller then 80 px in the simplified version of the logo. 16 px for the icon.
170 px
Dohop Logo
Icons
We love our icons. They are what makes us unique. Below you can click on different categories to see their different icon sets.
AdventureHackathonMusicPartyRainySimpleSnowyUrbanPhoneCyclingAll
Animation

#authenticlifeOur users like to travel around the world, and so do we. Our loading icon is a looping plane.

Loading
Imagery

Such great heights

How do you see things when you are on a plane? Exactly — from above. Our imagery consists of images of landscapes from above. Ideally the photo is shot straight from above. We also try to find images that work well with our different categories.

Application
Business card
Here we use the desktop version of the logotype. Text is set in Dohop Text in the color Ocean. Business cards should have a nice thick, uncoated paper.
Dohop business card
Application
Anywhere. Bike.
Dohop App
Anywhere. Office.
Dohop App
Designed by Bedow