Brand
Hatchet Brand Guidelines
The Hatchet logos, colours, fonts and icons, and the rules for using them.
Logos
Full Lockup
Primary
The default. Use this one unless there is a reason not to.
White
Dark backgrounds, in one colour.
Navy
Light backgrounds and documents.
Red
Light backgrounds, where the brand leads.
Wordmark
White and red
The default wordmark, on dark.
White
Dark backgrounds, in one colour.
Navy
Light backgrounds.
Red
Light backgrounds, where the brand leads.
Icon
Red
The default mark. Avatars and favicons.
White
Dark backgrounds.
Navy
Light backgrounds.
Pick the version that holds its contrast against the background it sits on. Every file here is high-resolution PNG — ask us rather than tracing your own.
Colours
Red
--brand
The primary. Buttons, links and accents.
White
--paper
Light bands, and type on the dark one.
Navy
--bg
The dark surface the site sits on.
Blue
--blue-transitional
The hero gradient, and the second data signal.
Four colours, and no others. Red also ships as gradients, under the primary button and the closing panel — use those as they ship rather than rebuilding them.
Fonts
One typeface everywhere: Golos Text, in six weights.
Golos Text
Black
Golos Text
Extra Bold
Golos Text
Bold
Golos Text
Semi Bold
Golos Text
Medium
Golos Text
Normal
Measure The Live Signal
Gaming And Streaming Intelligence
Track Creators, Games, And Audiences
Signals For Every Team
Body copy is sentence case, and carries the argument.
The default paragraph size, used for almost everything.
Captions, footnotes and metadata.
Section label
Headlines are Title Case, body is sentence case.
What Not To Do
todayIcons
All sixteen ship as SVG in the kit.
Download The Kit
The logos, the wordmarks, the icons and the social glyphs, in one archive.
The Hatchet name and logos are trademarks of Hatchet. Use them to refer to us truthfully; don’t modify them or imply an endorsement. Ask us if you are unsure.
Get Your Hands on Hatchet
Creator, audience, and campaign intelligence for gaming teams, in one place.