Colors
Typography
type.displayDesign with clarity across every screen25.63px / 1.08 / 700 / 0pxtype.headingSystem heading with a second line21.9px / 1.15 / 700 / 0pxtype.subheadingSection subheading wraps naturally18.72px / 1.3 / 700 / 0pxtype.body / baseBody text at base size with enough words to show line-height.16px / 1.55 / 400 / 0pxtype.captionCaption text with compact rhythm12px / 1.4 / 600 / 0pxtype.labelField label spacing14px / 1.3 / 650 / 0pxtype.buttonButton label rhythm15px / 1.2 / 650 / 0pxButtons
Inputs
Icons
Visual Language
Design languageQuiet structure, clear actions.
Surfaces, spacing, borders and depth define the rhythm around the real components.
Layout / Composition
123456789101112