Skip to content

Brand guidelines

Essential guidelines for logo usage, typography and colours.

Logo

For optimal visibility and brand consistency, follow these best practices when using our logo. On a white background, use the dark version for clear readability. On dark backgrounds, choose the white version for a sharp, polished look.

Avoid placing the logo on complex or busy images, as this can reduce its visibility. Following these guidelines ensures our logo remains legible and reinforces a cohesive, professional brand presence across all platforms.

HT_Main_Logo_Black_Web
HT_logo_white

Spacing

To maintain visual clarity and brand integrity, always leave sufficient space around the logo. The minimum required spacing is equal to the height of the letter "H". For a more balanced and impactful presentation, we recommend at least 2x the height of "H" or more whenever possible.
Logo_space_guide
i
i
i
i

Colours

Primary colours

Oxford Blue
#002147
PMS 282 C

Midnight Blue
#00366f
PMS 281 C

Steel Azure
#004a99
PMS 2945 C

Picton Blue
#5aabe2
PMS 292 C

Support colours (web)
Dark gray
#1a1a1d
Charcoal blue
#454f63
Link blue
#0065d2
Light blue
#deedff
Light gray
#f4f6fa
White
#ffffff
Red
#E63737
Green
#37761d
Orange
#ffa500

Typography

Archivo

Bold (700)
Semi-bold (600)
Medium (500)
Regular (400)

Aa Aa Aa

Headers, titles, buttons
Headers and titles
Subtitles
Body text

Downloads

Our official logos and packaging symbols are available for download below. Each .zip file contains a selection of the most common file formats for presentations, web and print.

Contact us

If you have further questions regarding the use of Hatteland Technology brand assets, please write to us at:

mail@hattelandtechnology.com
Resources_banner