Skip to content

Colour planning

The logo design was intentionally created using only two colours to embrace simplicity and maintain a sense of graphic minimalism. This decision wasn’t just an aesthetic choice, it was rooted in established design principles seen across some of the world’s most recognizable and successful brands. Many of the most profitable companies rely on minimal colour schemes in their branding, often sticking to just one or two colours. This limited palette makes their logos easier to recognize at a glance, even when scaled down or viewed in different environments. By following this approach, the logo achieves a clean, modern look while remaining distinct and memorable across various screen sizes and resolutions.

To ensure the logo doesn’t look visually out of place within the context of the broader website design, the entire site was built using the same two core colors found in the logo. This created a seamless visual identity across all pages and components, reinforcing brand consistency while helping the logo feel like an integrated part of the design instead of a separate or competing element. The consistent use of these brand colors strengthens the overall user experience by making the interface more cohesive and unified.

In order to help those two primary colours stand out without overwhelming the user or clashing with other elements, the background of the website was designed to be dark. This dark mode aesthetic has gained popularity in recent years, especially among gamers and digital based audiences, due to its sleek, modern look. But it’s not just about appearance, dark backgrounds also offer practical benefits, such as reduced eye strain for users with light sensitivity or those who spend extended periods of time in front of screens. This accessibility consideration played a big part in choosing the colour scheme, by ensuring the website could accommodate a wider range of users.

Limiting the site to only four colours, was effective in creating a clean visual framework, but it also made some creative limitations. As the site got developed and more elements like imagery and annotated graphics were introduced, it was obvious that the tight colour palette wasn’t enough to maintain clarity and hierarchy. One specific issue was with the images used on the site, many of them included tones that were too similar to the existing blue used in the text. When placed next to each other, the text and images would visually blend together, making it harder for users to distinguish between the two. This was particularly problematic in areas where annotations or explanatory graphics were necessary.

To resolve this, a few additional colours were carefully introduced into the palette. Green and a deeper purple were chosen for their ability to enhance contrast while still fitting within the overall tone of the website. These colours gave more flexibility when designing annotated images or highlighting interactive components. Because green is located close to blue on the colour wheel, it didn’t clash with the existing palette, but provided just enough distinction to solve the visibility issues without disrupting the design.