AI Services Market › Skills factory › Web › Dark Stat Hero
$4.99 · No sign-inv1.0.0– views
Dark Stat Hero
One honest number, big enough to open the page.
A hero-section pattern for dark pages led by a single verified statistic with its scope stated in the hero, one clear call to action, and up to three quiet supporting stats that deepen the proof without diluting it.

Best for
Product teams, marketers, and report or impact-page authors
Time needed
~25 min
Level
Beginner-friendly
Install it in 3 steps
No sign-up. No CLI tools. Pick your AI, copy one line, paste it over.
Prefer doing it yourself? Buy the skill ($4.99), download the ZIP from your checkout confirmation, unzip it into the directory shown above, restart your AI session — same result. Already bought it? Your AI assistant can download it for you.
What’s inside
One SKILL.md (the playbook) + one starter template. A preview:
Dark Stat Hero
When to use
- A landing or product page needs a hero that opens with proof, not a slogan
- You have one strong, verifiable number (customers, hours saved, accuracy, uptime) that beats any headline
- The page already uses a dark theme and the hero must feel native to it, not like a banner pasted on top
- A report, impact page, or annual summary needs a hero that states the headline result in one glance
- The current hero is a generic claim ("The best way to…") that visitors scroll past without reading
Workflow
- Pick the one number (input: evidence and audience → output: hero stat brief)
Choose exactly one number to lead the hero — the strongest figure you can verify and your audience can grasp in two seconds. The number must clear three tests: it is true and verifiable (you can show where it came from), it matters to this visitor (not an internal vanity metric), and it is understandable without a paragraph of explanation. Common strong choices: a customer count, a time or money saving, an accuracy or uptime figure, or a before-and-after improvement. Write the brief now: the number, its unit, the timeframe or scope it covers ("in 2025," "across 340 teams," "median, not mean"), and the source. If two numbers are fighting for the hero, the second one becomes a supporting stat below — heroes with two leading numbers have none. - Write the stat sentence (input: hero stat brief → output: stat line plus subhead)
The hero needs two lines and no more: the stat line (the number, huge, with its unit and scope in the same breath — "4,200 hours saved" beats "4,200" alone) and a subhead of one sentence that says what the number means for the visitor ("Teams get their Fridays back" beats "We optimize workflows"). The subhead must connect the number to the visitor's life; a stat without a "so what" is trivia. Add one supporting line only if the number needs a qualifier to stay honest ("Median across paying teams, Jan–Jun 2025") — honesty qualifiers belong in the hero, not hidden in a footnote. Read the two lines aloud: a stranger should understand the claim and why it matters within five seconds, or the lines need rewriting.
Template preview
Dark Stat Hero — Production Template
One number leads. Everything else supports. Fill this in before designing.
Hero stat brief
- The number: {figure}
- Unit: {customers / hours / % / $ / …}
- Timeframe / scope: {e.g. in 2025 · across 340 teams · median, not mean}
- Source: {where the number came from}
- Tests: [ ] true + verifiable · [ ] matters to this visitor · [ ] understandable in 2 seconds
Copy (two lines, no more)
- Stat line: "{number} {unit}" — with unit + scope in the same breath
- Subhead (one sentence — the "so what"): "{what the number means for the visitor}"


