Hostme Style Guide

A style guide for building awesome experiences.

Picture

Logo

Master Brand

The main logo of Hostme. For use only on a white or very light background.

Picture

The main logo of Hostme in white color. For use only on a dark background.

Picture
Logo Variations

Hostme logo with a trademark sign. For use only on a white or very light background.

Picture

White logo of Hostme with a trademark sign. For use only on a dark background.

Picture
Favicon

Hostme Icon. Use for applications, favicon, etc.

Picture

Typography

Open Sans

Main font for the interface and printing materials:

Aa

Open Sans
Weight: 300. Style: normal

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Aa

Open Sans
Weight: 400. Style: normal

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Aa

Open Sans
Weight: 600. Style: normal

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Html

<link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">

CSS

font-family: "Open Sans", sans-serif;

Montserrat

The font for the site, landing pages, and digital advertising:

Aa

Montserrat
Weight: 300. Style: normal

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Aa

Montserrat
Weight: 400. Style: normal

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Aa

Montserrat
Weight: 500. Style: normal

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Aa

Montserrat
Weight: 600. Style: normal

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Aa

Montserrat
Weight: 700. Style: normal

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Html

<link href="http://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">

CSS

font-family: "Montserrat", sans-serif;

Color

Used for accent in the interface, digital, presentations, and printing materials.

Orange

HEX: #E16640
RGB: 225, 102, 64

Gradient

HEX: from #d8544d to #eeb087
RGB: from 261, 84, 77 to 238, 176, 135
angle 45ยบ

By using our sites and other online services, you acknowledge that we may use of the cookies set out in Annex