Design system

Separated layers of design and development concern. Starting with sophisticated global precedents, leading to detailed styling control.

Ratio Driven Design

A spatial system, controlling global typography and layout.

Typography

Putting it all together

Foundations

Key elements, to be used as part of content and components.

All foundations

Components

...

Style schemes

Global sets of styles, that can be used with any component.

All style schemes