The Hey You UI Kit

Design System

Our beloved Hey You logo is a true representation of our brand's identity. To maintain its integrity, we've curated specific colour schemes to ensure a strong and recognizable visual presence. Our signature treatment of our logo involves a crisp white typeface artfully positioned atop a vibrant orange background.

The colour palette

Welcome to our carefully curated colour palette, thoughtfully designed to enhance every aspect of our digital products. Consisting of three vibrant hues, these colours effortlessly complement our neutral grey tones, lending sophistication to our designs.


Strategic Colour Application

We believe in the power of subtlety. When incorporating our colour palette, remember that less is always more. By using these colours sparingly and purposefully, you'll unlock their full potential, imbuing our products with a sense of refined elegance and visual harmony.

Fonts & typography

Cera is the font we use for our mobile and tablet products. Its versatility and unique charm enhance the user experience, creating a strong and memorable impression.

As part of our commitment to inclusivity, we've chosen Montserrat for our web products, and Arial as a fallback font. Not only is Montserrat a free font, but it also boasts an extensive font family, providing us with ample options for crafting compelling content. Moreover, Montserrat's resemblance to Cera maintains the visual continuity.

Thoughtful
spacing

At the heart of our design system lies
a meticulous approach to spacing. We adhere to a consistent 4-point grid, ensuring harmonious proportions throughout all our designs.

By employing multiples of 4, we define dimensions, padding, and margins for every element, cultivating an aesthetic that is not only visually pleasing but also fosters a sense of balance and cohesion across our entire product.

Iconography & symbols

Our icons are not just mere design elements; they are the visual language that bridges every facet of our brand experience. With their versatility and charm, they play a pivotal role in establishing a cohesive and memorable connection with our audience.

Unleash Your Creativity
Embrace the opportunity to have fun with these icons. Let your imagination roam freely and discover new possibilities to extend our brand's identity even further. Whether it's adding subtle nuances or exploring bold variations, let your creativity be the guiding force in shaping these symbols.

Adding dimension

Shadows provide cues about depth, direction of movement, and surface edges. A surface’s shadow is determined by its elevation and relationship to other surfaces.

Because shadows express the degree of elevation between surfaces, they must be used consistently throughout our product.

Payment assets

These are the payment options we offer on our platform. It's important to keep these assets updated and aligned with style guides of our partners.