Colour-ways
Our button has two states—red on a light coloured background or white on a dark coloured background. Always use a different background colour from the logo.
White on red
Red on white
We always want to see the button, we never want
to hide it. So the following examples aren’t quite right.
White on light grey
Red on red
Logo
Design with legibility in mind. Remember that
our logo represents a call to action, it's meant to
be a button. Sometimes that means we blow it up massive. But that also means the smallest we go
is the smallest you’d size your button.

The spacing between the brand mark and any
margin should be at least half the button height.
If the logo is being locked up with type the space should at least be one button height. The spacing
between lettermark and any margin should be
at least half the circle height.

In instances where it will be difficult to follow these rules, use your discretion.
Using our brand marks
Type margin: 1x
If the logo is
being locked up with type the space should at least be one button height.
Border margin: 0.5x
Border margin: 0.5x
Our brand mark
The Harmoney brand mark consists of logotype enclosed in a button. The overall visual is bold, geometric, playful and most importantly it’s a recognisable shape in the digital vernacular.
This is our primary mark, it should be used
on external facing communications as much
as possible.
The lettermark is used in place of the logo when there is limited space. Application examples are
app icons, favicons and mobile navigation.
Resources
Download brand logos
We’re all about helping people make
a start and so we based our logo on a digital button. It’s a call to action and an invitation to interact.
Colour-ways
Animation
Animation
Our logo references a digital button. It is a call to action, an invitation to interact. There is a sense of energy, excitement, beginning, “let’s go!”
Our smiling H is used as a little easter egg behind the funnel. Never out in the public.