Three-Up Stat Cards

Compress a multi-paragraph investment thesis to 3 memorable cards.

What this device does

Replaces "Investment Thesis" prose (3 bullet points) with 3 visually weighted cards. Each card leads with a giant number — the part the reader will remember 10 minutes later — and supports it with a label + one sentence.

The constraint of exactly 3 stats forces the writer to compress: pick the 3 numbers that, if a reader only sees those, still tell the story.

When to use

• Top of an infographic / consumer-voice report, just below the hero
• Replaces "Investment Thesis" or "Key Takeaways" sections in vivid recipes
• NOT for institutional reports — those want the full prose thesis

How agents use this

data = {
  stats: [
    {
      number: "28%",
      color: "green",
      label: "of revenue is now Services",
      description: "Up from 22% three years ago. Services run at 71% gross margin vs 36% on Products."
    },
    {
      number: "1.6B",
      color: "orange",
      label: "active devices in the wild",
      description: "Apple Intelligence is shortening replacement cycles from 4.2 to 3.8 years."
    },
    {
      number: "$110B",
      color: "purple",
      label: "returned to shareholders / yr",
      description: "$90B buybacks + $20B dividends. Compounds EPS at ~3.5% structurally."
    }
  ]
}

Visual register

Three-column grid on desktop (1fr 1fr 1fr); stacks to single column on mobile. Each number uses 48px Space Grotesk display font. Hover lift (translateY(-4px)) to invite scanning.

Why it works

Numbers stick where prose slides off. By the time the reader scrolls past 3 panels, they have 3 numbers anchored, and the rest of the report builds on those anchors.

Example output

See ./preview.html.