The First Cohort — 10 homepage directions
Same content in each. Each design has its own light/dark toggle (top-right corner).
1. Refined Classic Broadsheet
A traditional newspaper front page for health-skeptic journalism — dominant lead story with inline data figure top-left, a right-rail of secondary headlines with newsletter box, a card river of beat stories, and an investigations strip; all in warm parchment with Newsreader serif headlines and restrained beat-color accents.
2. Airy Editorial Magazine
A premium, whitespace-forward homepage for The First Cohort targeting readers who expect a high-end science magazine feel — one commanding lead feature dominates the top third, with generous margins and a single inline data chart, followed by a restrained 3-column story row and a clean editorial list below.
3. Beat-Banded Sections
A vertical stack of color-coded beat bands — each section gets its own colored label and rule accent drawn from the palette's --sec-* tokens — giving establishment-skeptic health journalism readers an instantly scannable, KFF-style homepage organized by subject rather than recency.
4. Data / Receipts-Forward
A data-led homepage for The First Cohort that makes evidence visible as a design identity — lead story paired with a bar chart, a "By the numbers" stat strip, and a sodium figure — all on warm parchment, maroon + sepia palette, no garish color.
5. Dense Wire Index
A compact, scannable headline index for news-obsessed readers: a data-backed lead story at top, then all remaining stories sorted into three beat columns with tight leading and section color-coding — Drudge/wire energy, warm parchment editorial feel.
6. NOCTURNAL DARK BROADSHEET
A sophisticated dark-mode editorial front page where near-black surfaces let beat-color accents glow with quiet authority. The masthead anchors in near-white against deep charcoal. The lead story commands the upper two-thirds with a large serif headline, a glowing cancer-beat rule, and an inline SVG bar chart rendered in palette-matched dark tones. A four-column secondary tier uses thin beat-colored left-border rules on each story. A dense right column indexes remaining stories as a reading list. Everything is calibrated for low-light reading: high-contrast text hierarchy, muted surface differentiation, and restrained use of the per-beat color tokens as accent signals rather than fills.
7. SINGLE-COLUMN LINEAR READER
A calm, generous single-column vertical feed — large serif lead story with an inline SVG chart, followed by full-width story entries separated by hairline rules, a newsletter box after the third story, and ample vertical breathing room throughout. Low density, easy top-to-bottom scan, Substack/long-read reading flow.
8. ASYMMETRIC FEATURE SPLIT
Magazine-cover layout with a dominant left feature panel (~60% width) anchored by an oversized headline and inline SVG data figure, beside a narrow right column of 3-4 tightly stacked secondary stories, then a full-width slim tertiary row below — dramatic editorial contrast between the single feature and everything else.
9. JOURNAL OF RECORD (numbered contents index)
An authoritative academic journal table-of-contents aesthetic with numbered story entries, hairline rules, and a formal Vol./No. issue line. Stories are grouped under small beat-colored section headers, each entry rendered as number + headline + one-line summary + byline/read-time. The lead entry is enlarged with its inline SVG figure. Color is extremely restrained: beat colors appear only on section labels and entry numbers; all else is ink and rule on parchment.
10. BOLD POPULIST FRONT
High-impact populist broadsheet with an oversized commanding lead, bold maroon kicker architecture, and a compact assertive secondary tier — built for an establishment-skeptic readership that expects journalism with receipts.