Project 04 of 10

Futureverse Core - Futureverse’s new design library

Client: Futureverse

Role: Design systems

Year: 2023

Working at Futureverse, I led the design of Futureverse Core, the company's single design library for third-party integration. I worked closely with designers, developers, product owners, and co-founders to coordinate efforts across teams and meet a tight deadline for launching the FuturePass dashboard.

The challenge

Facing a tight timeline for the FuturePass dashboard launch and the need for scalable, customisable third-party integration, we required a robust design system quickly. At this early stage of the Futureverse brand, I was armed only with minimal brand assets and some mood board imagery.

The solution

Collaborating with developers, we chose to build the new Futureverse design system on MUI Core for its scalability, robustness and compatibility with other developer libraries. This resulted in the name ‘Futureverse Core’.

Defining the base tokens

After defining the platform to build Futurverse Core on, I defined our base tokens in alignment with the brand assets and moodboard supplied. I turned to the Futurverse collections to build out our system colours, keeping the colour in the dashboard consistent with the users collectibles.

Keeping it clean

To maintain a hygienic, scalable design library and ensure clear communication across teams, we adhered to the naming conventions, props, and variants of MUI Core, while incorporating the Futureverse base tokens.

Built for speed

Speed was a critical factor in every decision we made for Futureverse Core, ensuring that every component was designed to be easy and quick to implement within Figma and Storybook.