Swiss Tech MonoMotion
Key figures as a description list: a mono index row, the big figure (type-figure, counting up when numeric) with its accent "+" and mono units, the label, a note or change, and an optional mini visual (viz).
Key figures as a description list: a mono index row, the big figure (type-figure, counting up when numeric) with its accent "+" and mono units, the label, a note or change, and an optional mini visual (viz). Plain, on cards, or between rules (rules, the kit's look); 2 × 2 under lg. On the ink band, follow the recipe in SKILL.md.
It is part of Swiss Tech Mono. The style’s 92 pieces share one set of tokens, type and motion, in a light and a dark theme, so whatever you take from it fits together.
To put it in your project, copy the prompt into Claude Code, OpenAI Codex or Cursor, or add the file and its styles by hand. The documentation walks through both.
Key figures as a description list: the big narrow figure (rolling digit by digit when numeric, 60 ms apart) above its label, with the unit at half size on the baseline ("+", "min", "/5"), a mono note, an optional index and a delta pill. rules is the mockup's band: figures between 2 px column rules, four across at lg and two on phones; put it in Section tone="tint-1" space="none" (volt) or tone="inverse" (ink). cards is flat cards; plain has no lines.
Key figures as a description list: each value (a display figure counting up into view when numeric, its suffix smaller in ink-3) sits visually above its label, with an optional mono index ("01 · Teams"), note and change.
Key figures as a description list: each value (rolling in when numeric) sits visually above its label, with an optional note, index and change.