Design tokens

A design system is only as sturdy as its tokens, and a palette is not a token system. Primitives hold every raw value and semantic tokens say what each one is for, so a product can add a mode, take on a new brand or a second team without anyone touching a component or guessing which grey. mxa-tokens generates the whole system from whatever core brand colours a product already has, and checks every pairing for contrast; the sample here starts from just two, a pale green and a light grey. The motion presets are mxa-motion's.