Horizon UI is a fictional design system intended for B2B SaaS companies building complex, scalable products. The company's goal is to provide a consistent and scalable UI foundation that speeds up production while ensuring a high level of quality and consistency.

Company

Horizon

Period

2025

Role

Entirety of the project

Project overview

Horizon UI is a token-based design system project designed to support the creation of complex, scalable B2B SaaS products. The project is set in a context where product teams must deliver quickly while maintaining a high level of consistency, quality, and maintainability.

The goal of Horizon UI is to provide a solid UI foundation, capable of standardizing interfaces while remaining flexible enough to adapt to different products and use cases. The project goes beyond creating components and treats the design system as a real collaboration tool between design and development.

Horizon UI explores the implementation of tokenized foundations, reusable components, and exhaustive states, with particular attention paid to the scalability of the system and its long-term use in a real B2B environment.

Défis

The main challenge was to design a system flexible enough to adapt to different products while maintaining strong consistency. It was also necessary to integrate, from the outset, the issues of design/dev collaboration, management of complex states, and dark mode support, without multiplying components or making the system more cumbersome.

Goals

  • Standardize the interface

  • Speed up production

  • Facilitate collaboration between design and development

Approach & Key Decisions

The system is based on fully tokenized foundations, reusable components, and comprehensive states. Dark mode is managed exclusively through tokens, without duplicating components.

Results & Learning

Horizon UI results in a complete and structured design system, built on tokenized foundations, reusable components, and comprehensive states, integrated from the design stage. The project includes a playground that centralizes the entire system, making it possible to quickly understand its consistency, scalability, and potential for evolution.
This project demonstrates my ability to design robust and durable UI systems, intended to support complex B2B products, while facilitating collaboration between design and development and ensuring a high level of consistency over the long term.

Horizon UI is a fictional design system intended for B2B SaaS companies building complex, scalable products. The company's goal is to provide a consistent and scalable UI foundation that speeds up production while ensuring a high level of quality and consistency.

Company

Horizon

Period

2025

Role

Entirety of the project

Project overview

Horizon UI is a token-based design system project designed to support the creation of complex, scalable B2B SaaS products. The project is set in a context where product teams must deliver quickly while maintaining a high level of consistency, quality, and maintainability.

The goal of Horizon UI is to provide a solid UI foundation, capable of standardizing interfaces while remaining flexible enough to adapt to different products and use cases. The project goes beyond creating components and treats the design system as a real collaboration tool between design and development.

Horizon UI explores the implementation of tokenized foundations, reusable components, and exhaustive states, with particular attention paid to the scalability of the system and its long-term use in a real B2B environment.

Défis

The main challenge was to design a system flexible enough to adapt to different products while maintaining strong consistency. It was also necessary to integrate, from the outset, the issues of design/dev collaboration, management of complex states, and dark mode support, without multiplying components or making the system more cumbersome.

Goals

  • Standardize the interface

  • Speed up production

  • Facilitate collaboration between design and development

Approach & Key Decisions

The system is based on fully tokenized foundations, reusable components, and comprehensive states. Dark mode is managed exclusively through tokens, without duplicating components.

Results & Learning

Horizon UI results in a complete and structured design system, built on tokenized foundations, reusable components, and comprehensive states, integrated from the design stage. The project includes a playground that centralizes the entire system, making it possible to quickly understand its consistency, scalability, and potential for evolution.
This project demonstrates my ability to design robust and durable UI systems, intended to support complex B2B products, while facilitating collaboration between design and development and ensuring a high level of consistency over the long term.