This page documents the construction and proper usage of the Hang logo.
The Hang logo was carefully crafted on a grid and with consideration for accessibility. The main, complete logo is a horizontal lockup of the logotype and logomark. However, the individual elements in this lockup can be used separately. For example, the app icon uses only the logomark.
This logo is a custom typeface constructed using only perfect circles and straight lines. The logomark is a condensed and reassembled version of the logotype, creating a smile using the “h” and the “g”.
The Hang logotype used on brand color backgrounds. Light colors should always be paired with dark colors for enough contrast.
The Hang logomark used on brand color backgrounds. Light colors should always be paired with dark colors for enough contrast.
The Hang logotype and logomark can be paired both horizontally and vertically, or used separately. When showing the complete logo, ensure correct spacing between existing elements using the grid below.
Hang purple should always be used as the primary color, whether that’s for a main button, highlight text, or standard logotype. Coral should be used sparingly, only as an accent color.
Use circular logomark for app icon and web favicon lockup.
Exclusion Zones & Misuse
Logo exclusion zones should be 50% of the icon height, marked by the dashed lines below.
For more information, please visit www.hangtechnologies.com.