Brand

Our brands reflect the identity of the company and how we present ourselves through our products to users. It reflects who we are and how we want our users to feel when they use our products. It’s the unique combination of our mission, values, and our promise on innovation that delivers.

Brand guidelines are set by the Brand and marketing team. The design system is an interpretation of these guidelines and how we represent them in our product design.

Logo

In our products our product logos are clear, impactful, and recognisable. Each product has a primary colour set assigned the colour system with a few variations.

HUB24

The HUB logo is based on a modern, slightly condensed font with detailed rounded corners. The modular elements within the logo type reflect the ability to choose HUB24’s system as well as connectivity and a sense of freedom.

Logos come in three colour variations to complement different backgrounds: brand, inverse, and monochrome.

Class

This is the Class master logo. It is the primary logo lockup to be used. Logos come in three colour variations to complement different backgrounds: brand, inverse, and monochrome. The brand and inverse logos are preferred for use, the monochrome version should be used only when legibility of the logo is an issue.

NowInfinity

This is the NowInifnity master logo. It comes in two colour variations: brand and monochrome. The brand logo is preferred for use, the monochrome version should be used only when legibility of the logo is an issue. The NowInfinity brands falls under Class and is closely related to the Class brand.

myprosperity

This is the Myprosperity master logo. The coloured logo should be used when possible on white and light backgrounds. If colours are not an option, the master logo in white can be used on dark backgrounds.

Logo clearance

To maintain the logo’s visibility and impact, keep a minimum amount of space free from text, graphics, or other visual elements around it.

HUB24

The minimum clear space uses the width of ‘24’ in the logotype.

Class

The minimum clear space uses the width of the pillar device in the logo on the sides and the bottom and 0.5X size of the pillar device on the top.

NowInfinity

The minimum clear space uses the height of the letter N in NowInfinity logotype.

myprosperity

The minimum clear space uses the height of the circular device in the logo on the sides and the bottom and 0.5X size of the circular device on the top.

Logo application rules

Don’t edit or place logos in ways that reduce the clarity and legibility of the logo or the image. These rules apply to all the logos in the HUB24 Group.