Design system

Lab

The primitives in every theme. Switch the theme and check that no pair of text and background loses contrast.

Interface theme

Navigation

Chrome

Menu

Sillar
Cauce
Sendero

Sillar card

Chrome

Tuesday 8 September

Alma 37:6

By small and simple things are great things brought to pass.

Action taken · +50 XP

Controls

Chrome

Modal

Editorial

Sillar · 8 September

Alma 37:6

By small and simple things are great things brought to pass.

Optional. Nobody else reads it, not even your group.

Closes with Escape, with a click outside, or with the button. Focus stays trapped inside.

Fields

Chrome + editorial

Reflection

Editorial

Set in serif because it is reading, not chrome.

Tokens

The values change with the theme. Pixel also moves the geometry: from a 24 px radius, a 1 px stroke and a soft shadow to 8 px, 2 px and a hard one.