Anti-AI-slop design skill (greenfield pages, audits, redesigns, design extraction from URLs/screenshots) -- installed and validated in an earlier session, was sitting untracked. Full reference library: components, macrostructures, themes, genres, verbs (audit/redesign). Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
15 lines
509 B
Markdown
15 lines
509 B
Markdown
### H4 · Stat-Led
|
|
A giant number or metric is the hero. A small qualifier line below.
|
|
*Use when:* you have one defensible, externally-verifiable number.
|
|
*Don't confuse with:* T4 Numbered stat strip (which is several stats in a row, not one focal).
|
|
|
|
```html
|
|
<section class="hero-stat">
|
|
<p class="figure tnum">99.97<span class="unit">%</span></p>
|
|
<p class="qualifier">…</p>
|
|
</section>
|
|
```
|
|
```css
|
|
.figure { font-size: clamp(6rem, 18vw, 16rem); font-variant-numeric: tabular-nums; line-height: 0.85; }
|
|
```
|