Overview

Design system 1 brings reusable components, typography, colour, and a responsive grid together. It gives our products a common set of building blocks.

What is included

• Foundations: a shared spacing scale, fonts, colours, and layout rules.
• Components: buttons, text, inputs, navigation, and other interface elements.
• Built-ins: theming, language support, and device preferences.
• CLASSless: tools for working with CSS libraries.

Start with the foundations

Read Getting started for a small component example. Layout and spacing explains the grid used throughout this documentation site.

Full reference

The complete component reference and workbench live at designsystem1.com. These pages are an introduction to the system and how we use it across 0001.