Vanity metric to avoid
Move attractive totals out of the primary row when they do not change this week's decision.
KPI Guide
Figma SVG to Tailwind Workflow
Move Figma import SVG and design tokens into Next.js/Tailwind code.
Core Question
How do you turn SVG references into Tailwind code?
5 recommended KPIs
- Tokens: keep it in the primary row only when an owner can act on it.
- Spacing: keep it in the primary row only when an owner can act on it.
- Radius: keep it in the primary row only when an owner can act on it.
- Typography: keep it in the primary row only when an owner can act on it.
- Dark mode: keep it in the primary row only when an owner can act on it.
Recommended layout
Use four KPI cards, one primary trend or segment view, then a priority table and alerts.