We publish these numbers because we ask other people for theirs. They come straight out of the sending tool, unrounded, on the first of every month.
31,904
Readers on the list
Grown entirely from the writing, never from a bought list.
62%
Open the first email
Measured on the last twelve issues, bots excluded.
142
Issues sent
Weekly since 2023, missing two weeks in total.
1 in 9
Reply at least once
Every reply reaches a person, not a shared inbox.
Four publication figures on hairlines, each carrying a label and a short note on how that number was measured rather than leaving the reader to trust it.
Four publication figures on hairlines, each carrying a label and a short note on how that number was measured rather than leaving the reader to trust it.
Upgrade to Pro
Pro blocks install through the shadcn CLI with your license key and ship their full source. Docs and live previews stay open to everyone, so you can read every block's details first.
Swap YOUR_EMAIL and YOUR_KEY for the email and license key on your account. Find your license key on your account page.
Radix flavor
npx shadcn add "https://ui.beste.co/r/stats75?email=YOUR_EMAIL&license_key=YOUR_KEY"Base UI flavor
npx shadcn add "https://ui.beste.co/r-base/stats75?email=YOUR_EMAIL&license_key=YOUR_KEY"This installs the block to components/beste/block/stats75.tsx and the badge6 component it uses for the eyebrow (installed to components/beste/component/badge6.tsx).
The installed file exports stats75Demo alongside the block: the exact props behind the preview above. Spread it to get a working figures band in one line.
import { Stats75, stats75Demo } from "@/components/beste/block/stats75";
export default function AudiencePage() {
return <Stats75 {...stats75Demo} />;
}Then replace the demo with your own props. Written out, a trimmed setup looks like this:
import { Stats75 } from "@/components/beste/block/stats75";
export default function AudiencePage() {
return (
<Stats75
eyebrow="The readership"
heading="Who reads this, and how closely"
description="We publish these because we ask other people for theirs."
figures={[
{
value: "31,904",
label: "Readers on the list",
note: "Grown entirely from the writing, never from a bought list.",
},
{
value: "62%",
label: "Open the first email",
note: "Measured on the last twelve issues, bots excluded.",
},
]}
/>
);
}| Prop | Type | Default | Description |
|---|---|---|---|
eyebrow | string | – | Badge6 label above the hairline rule |
heading | string | – | Section heading under the rule |
description | string | – | Supporting paragraph |
figures | Figure[] | [] | One column per figure, four across on desktop |
className | string | – | Extra classes for the outer section |
type Figure = {
value: string;
label: string;
note?: string;
};value is a string, so a figure can read "31,904", "62%" or "1 in 9" without the block formatting anything. That also keeps thousands separators out of a client render, where locale formatting can differ between server and browser.note is where the block earns the number: it is the sourcing line, and a figure without one still renders.tabular-nums so the columns line up, and they sit on hairlines rather than in cards.sm and four at lg, on a bg-muted/40 band.stats71
A results section that commits to one enormous light figure, reads it back as a statement under a hairline, qualifies it with three smaller footnotes, and closes on a captioned full-bleed photograph.
stats70
An annual results section pairing an image tile that floats a live breakdown chart with a light interpretation of it, then four hairline readings that each name their own source, closing on a method panel.
stats76
An impact section where a serif heading settles in word by word beside a pill action, then four ruled columns of serif figures count up from zero as they enter the viewport, each with a small-caps label and a line of context, under a slowly drifting soft light.