Skip to main content
UI Guides

Search rules

Search all UI Guides rules by name, category, or source

aestheticsimpeccable

Not Every Page Needs a Hero Metric

NEVER

NEVER: Ship a decorative hero metric — a round, unsourced "10x faster" / "99.99%" / "500M+" with no denominator, no window, and no source, dressed in a gradient accent. A prominent number is allowed on exactly one condition: it shows actual user data (this account, this window, live, timestamped). Otherwise replace the stat row with one concrete product screenshot.

Show a prominent number only when it comes from real data, not as decorative gradient furniture

Bad

Good

Why it matters

The skill permits a prominent metric under exactly one condition: it shows actual user data. The failure mode is the decorative, unsourced number — "10x faster", "99.99%", "500M+" — a round figure with no denominator, no window, and no source, used as visual furniture to make a hero feel substantiated. It belongs to the same family as identical repeated card grids: three cells that look like evidence and carry none.

So either the number is real (this account, this week, live, timestamped, with the series behind it), or it should not be there at all — replace the stat row with one concrete product screenshot, which at least shows the thing you are selling.

References

Built by Gleb Stroganov, design engineer at Evil Martians.

The rules come from other people's skills and guidelines — Vercel, Rauno Freiberg, @Ibelick, impeccable, Emil Kowalski, Tailwind, RAMS — each one credited on the Sources page. The work here is extraction and wiring: every rule is pulled into one corpus, given a good and a bad example you can operate, a MUST/SHOULD/NEVER rule an agent can paste, and a link back to where it came from.