Not all design decisions are single scalar values like a hex code or a pixel measurement. Complex design choices consist of multiple coordinated properties, known as Composite Tokens:
font-family, font-size, line-height, font-weight, and letter-spacing.x-offset, y-offset, blur-radius, spread-radius, and shadow-color (often combining ambient and directional shadows).border-width, border-style, and border-color.Composite tokens prevent desynchronization: designers cannot accidentally pick the right font size while forgetting the corresponding line height.
Level 3 · Design Tokens & Foundations