Hostero brand
The Hostero logo, colours and typeface, with the rules for using them. Download the files for articles, videos, presentations and partner materials.
Logo
The logo is the mark, a blue cube, and the Hostero wordmark. Use the ready-made files: the dark wordmark on light backgrounds, the white one on dark backgrounds, and the all-white logo on blue backgrounds and photos.
On photos, place the logo on a calm, even area.
What not to do
The logo's proportions and colours are fixed. If it doesn't fit the layout, change the layout, not the logo.
Don't stretch or squash it
Don't rotate it
Don't change its colours
Don't add shadows or effects
Don't place it on a low-contrast background
Don't retype the name in another font
Colours
White and graphite are backgrounds, ink and fog are text. Blue is the accent: buttons, links and highlights. Text needs at least 4.5:1 contrast against its background.
Blue
Buttons, links and accents
Logo blue
The logo mark only
Ink
Text on light backgrounds, the wordmark
Fog
Text on dark backgrounds
Graphite
Dark mode background
White
Light mode background
Typography
The whole site is set in Inter: headings, text and numbers. Headings mix the regular weight with key words in semibold.
Inter · Regular 400 and Semibold 600
Inter on Google Fonts (opens in a new tab)
- Page heading36–67 px · 1.1 · 400 + 600
- Host, manage and grow your server
- Section heading25–35 px · 1.25 · 400 + 600
- Host, manage and grow your server
- Lead text17–20 px · 1.4 · 400
- Host, manage and grow your server
- Text16 px · 1.8 · 400
- Host, manage and grow your server
- Caption14 px · 1.5 · 400
- Host, manage and grow your server
Need another format or want to use the logo in an unusual way?Contact us