Direction

Pick where you want a brand to sit and get a starter design system built from this week’s data, with every value traced to its source.

Loading this week’s data…

The system

Each token with the number it came from.

Where it comes from

Shape
Corner radius, button shape, borders, shadows and glass are this week’s medians and shares from Design Pulse for the camp each direction is based on.
Type
The pairing is drawn from Font Pulse’s rising working families: a headline face and a text face that can carry body copy at 400 and 600 or bolder.
Color
Accents are the hues that camp actually puts on screen in Color Pulse. Text on the accent is chosen for contrast and checked against WCAG.
Scale
Sizes step by a ratio set from the camp’s headline-to-body contrast, so a dramatic camp gets a steeper scale.
Figma
The tokens file follows the W3C design tokens format, which Figma’s variable import and Tokens Studio both read.
A starting point
Trends describe what’s common, not what’s right for a brand. Change anything; the tokens follow.