Menu
Sidera/Getting Started/Introduction

Sidera

Sidera is a design system built to create consistency, scalability and clarity across digital products — foundations, tokens and components engineered so design and engineering build the same thing, the first time.

Version2.0
StatusStable
Components22+
01Overview

Sidera is a design system built to create consistency, scalability and clarity across digital products. Foundations, tokens and components are engineered so design and engineering build the same thing — the first time.

This documentation is the living reference for the system: the foundations that define its voice, and the components that put it to work — each with anatomy, states, accessibility notes and ready-to-use code.

02Principles
01

Clarity

Every component states its intent. No decoration that doesn't carry meaning.

02

Consistency

One token, one decision, applied everywhere. Predictability is a feature.

03

Scalability

Built to grow — from one screen to five user types without rework.

04

Accessible

AA contrast, keyboard paths and clear states are requirements, not extras.

03Get started

Browse the component library to see live previews, source code and API for each part of the system. Start with the Button.