Brandbook

This page contains our brand guide and all the necessary details for the overall visual communication.

Main HARDWARIO Logo
Logo

Black and white

For other instances where there is no clearly light or dark background, use the monochrome versions of our logo.

Showcase of primary use for the black and white HARDWARIO LogoShowcase of alternate use for the black and white HARDWARIO Logo
Showcase of primary use for the black and white HARDWARIO Logo
Logo

Recommended clear space

The HARDWARIO logo should always be clearly visible. Keep the logo separated from other visual elements by a distance equal to the logomark’s width. This distance is considered the recommended uninterrupted space surrounding the logo and it should be adhered to in most situations.

Showcase on how to space logo from other content
Logo

Practices to be avoided

Showcase of practices that should be avoided with the brand media
Colors

Primary Color Palette

These are our primary colors. You may apply pure white for backgrounds but never use pure black for texts on them. Instead use the darkest color from this color palette or any other shade of grey except pure black.

#E30427

R 227
G 4
B 37

_   75%

_   50%

_   25%

#44D5FE

R 68
G 214
B 254

_   75%

_   50%

_   25%

#F2FAFF

R 242
G 250
B 255

_   75%

_   50%

_   25%

#6B6A6A

R 107
G 106
B 106

_   75%

_   50%

_   25%

#252532

R 37
G 37
B 50

_   75%

_   50%

_   25%

Typography

Primary font

Inter is our primary font. It is an evolution of Roboto, font previously used by HARDWARIO. You may easily download it from Google Fonts. Moreover, you may use all its styles but never use more than three styles in a given context. It is suggested that you mostly choose between BOLD/SEMIBOLD/MEDIUM/REGULAR.

Showcase of a Inter Font
Sample application

Future in your reach

Sample application of all the practices from above