The building blocks every component is made from. A value that is not a foundation is not allowed in a component.
Neutrals, brand accent, text, border and status colors, with token names, hex values and contrast.
Display, headline, title, body and label styles for mobile and desktop, with modifiers, typesetting rules and examples.
The fixed spacing scale and the breakpoint-adaptive space tokens, with consumer classes and directional examples.
Shadow levels for cards, drawers, modals and tooltips: Bottom, Top, Designated Level and Component Specific.
Easing curves and durations for transitions and animation, with a live demo of each.