The First Cohort — homepage directions
Round 2 is at the top (newest). The original ten follow below.
Round 2 — built on your feedback
All five carry the two things you liked: the red “Cohort” in the masthead (from #1) and the color-coded beat headers that separate categories (from #5).
Real headlines, real bylines, and real hero art from the last two weeks of posts. Each has its own light/dark toggle, top-right.
11. Broadsheet + Beat Index
Mockup 1’s front page, evolved: lead story with a large hero image, a right rail of secondary stories with thumbnails and the newsletter box, and the old “Latest” river replaced by mockup 5’s beat-grouped three-column index. The densest, most newspaper-like of the five.
12. Beat Columns, Image Led
Mockup 5’s wire index, warmed up: a compact lead band with the hero art beside the headline, then three columns of beat-grouped stories where each column is led by a real image and the rest run as tight text. Highest story count, fastest scan.
13. Beat Bands
A vertical stack of horizontal bands, one per section, with alternating backgrounds so the categories separate hard. Commanding lead up top, then a Cancer feature, card rows for Nutrition and Metabolic, and a split Brain / Autoimmune band. The most image-forward, browse-by-subject option.
14. Two-Up Feature + Beat Rail
Two co-equal lead features share the top instead of one dominant story, followed by wide thumbnail rows, with a beat-grouped text index running down the right rail. Calmest and most magazine-like of the five.
15. Bold Populist Front
The loud one. A maroon kicker bar, a 38px commanding headline over a full-width hero, a three-across secondary tier, then two columns of beat-grouped stories. Journalism-with-receipts energy, held back from tabloid by the warm palette and serif type.
Round 1 — the original ten
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 lead story commands the upper two-thirds with a large serif headline, a glowing cancer-beat rule, and an inline SVG bar chart. A four-column secondary tier uses thin beat-colored left-border rules on each story, with a dense right column indexing remaining stories as a reading list.
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. Color is extremely restrained: beat colors appear only on section labels and entry numbers.
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.