.wpb_animate_when_almost_visible { opacity: 1; }
Decorative image

Orange Design System – your digital experience toolbox

Published: April 30, 2025

What is the Orange Design System?

When a company operates at scale, either on multiple countries or markets, or both, come recurring challenges. In this context, a design system, which is a market standard deployed by worldwide companies, comes in handy.

The Orange Design System integrates brand identity, responsive screen, accessibility, sustainability and security standards for various platforms (Web, Android , iOS, TV,..).
An online collection of 100 robust ready-to-use digital components, the most frequently used, from design to code, coming alongside with detailed design and code documentation. Libraries evolving with innovation and contributions + rich and evolutive library of 1700 + icons in the Orange Solaris exclusive style.
The Orange Design System is full Open Source with all the digital contents you need!

What does it do?

The Orange Design System helps the Orange digital community create and maintain qualitative Orange digital experiences. It is a powerful asset to meet the challenges of competition while optimizing budgets and time to market.

It helps:

  • reduce the delay it takes to design, test, build, and maintain digital interfaces
  • reduce the delay/friction happening in design to development handoffs, searching for assets and details, with false starts and restarts
  • prevent projects fail due to compliance or accessibility issues
  • avoid the creation of identical digital content in silo

Who is it for?

The ODS is aimed at:

  • Designers or developers delivering mockup or digital interfaces with brand standards : websites, mobile applications, TV screens, etc.
  • Product owners delivering digital interfaces with budget and time constraints
  • Communication managers using the Solaris icons for communication, App launcher, digital content,
  • External agencies working for Orange projects

Developers, how to start?

Learn more
Decorative image ODS

To create a website

Boosted is an HTML, CSS and JavaScript framework. It is an Orange-branded version of Bootstrap. Useful links:

To create an Android App

The Orange Design System Android SDK helps you create an Orange-branded Android App. Useful links:

To create an iOS App

The Orange Design System iOS SDK helps you create an Orange-branded iOS app. Useful links: