711.png

Clear Spaces & Margins to Edges

A square with its side length equal to the height of the HM21 icon can be used to establish a clear space around the logo. This negative space enhances the logo's legibility by preventing overlap with busy backgrounds, elements, or text. Use your best judgment to ensure legibility consistently.
 

This clear space also applies when it comes to the minimum amount of space between the logo and any edges of the application.

Frame 611.png

Partner Lockups

When placed together with partners’ logos, make sure they are of equal height, with HM21’s logo going first. Use the icon’s height to create ample amount of space between the logos. Separate HM21’s logo and partners’ logo using a vertical divider.
 

When using three or more logos, rules regarding spacing and clear space around the logos still apply.
 

In general, we strongly advise against a vertical partner lockup, unless absolutely necessary. In such cases, make sure to maintain similar height and spacing to the horizontal lockup.

Frame 612.png
Frame 613.png

Logo Misuse

Here are some general guidelines in terms of what to not do when using HM21’s logo. In general, do not distort the logo as provided and use your best judgment to ensure the brand's consistency.

Frame 2043684629.png
Avatar

Cōsmo