Foundations
The tokens and rules underneath every component: colour, type, motion, layout, marks, writing and accessibility.
ColourThree inks for three authors: ink for people, lapis for the interface, pigment for the model.TypographyThree families, one scale, and how model text stays readable.MotionOne tempo, what may move, and what motion costs.LayoutMobile first: thumb zones, safe areas, grids and spacing.MarksReach marks, the model mark and the model caret.WritingTwo voices on one screen: the interface’s and the model’s.AccessibilityStill, contrast, screen readers, keyboard paths and text size.TokensEvery colour, type, space, form and motion token, resolved live.