Racino

An F1 Racing Manager Platform.

“We need to build out a design system in parity with the E2E workflows based on Chakra as a start but needs to be completely custom.”

Meticulously crafted and managed from the ground up, the Racino Design System is a high-octane platform built for a competitive gaming environment. It integrates a foundational brand identity with a futuristic visual language, ensuring a cohesive and intuitive user experience. The system is modular and scalable, designed to evolve with the platform's gameplay and connect seamlessly across all components, from the user interface to marketing materials.

Key Focus: Brand Identity, UX Architecture, Design Systems, Gamified Onboarding
Logo_Racino_Dark.png
UI/UX design of the Racino Design System Typography page, showcasing various Text Styles including Headings and Body Text sizes, using a dark-mode theme.
The Racino Design System Colour Palette documentation, detailing Primary, Secondary, and Extended color swatches along with specific colour groups for Primary Buttons and Secondary Buttons.
Detailed UI/UX documentation of the Racino Design System Button Types, illustrating styles for Primary, Secondary, Tertiary, Outline, and Filled buttons in Gold and Blue for different states (Default, Hover, Disabled).
Overview of various Racino Design System UI components, including examples of Modals and data visualization elements like Track Maps and PPM (Punter Performance Metrics) layouts, emphasizing a comprehensive UI kit.
UI/UX design specification for the Racino Design System Dropdown components, showing variations in size (Large, Medium, Small) and state (Default, Hover, Selected, Disabled) within a dark-mode interface.
Next

Appen: Gig Economy Systems