One site, four themes

The Cloudmaven homepage, built four times from one copy source. Every one of the 424 pages carries identical text in all four — 504,883 words, compared character for character by scripts/theme-scope.mjs. What changes is the design, and it changes with one environment variable: THEME=<name> npm run build.

Full-page captures, not hero shots: the argument is usually about what happens below the fold.

1440 — the desktop review width

The Cloudmaven homepage in the Baseline theme at 1440 pixels wide
Baselinelight + dark · 12818pxThe site exactly as it stands. The zero-change reference every other theme is measured against.
The Cloudmaven homepage in the C1 theme at 1440 pixels wide
C1light + dark · 12120pxThe C1 modernisation as a theme: the site's own palette, tightened. Denser vertical rhythm, hairlines instead of cards, a shorter measure, and artwork inset on a fixed light plate in both modes.
The Cloudmaven homepage in the Ledger Light theme at 1440 pixels wide
Ledger Lightlight · pinned · 13068pxThe r3 design system's first direction, as a site. Warm paper, squared hairline structure, sparse gold annotation, and a call to action that is a ruled line rather than a filled button.
The Cloudmaven homepage in the Night Blueprint theme at 1440 pixels wide
Night Blueprintdark · pinned · 13068pxThe r3 design system's second direction: the same structure as Ledger Light, on deep navy, with the drawings in pale ink.

390 — iPhone 15/16

The Cloudmaven homepage in the Baseline theme at 390 pixels wide
Baselinelight + dark · 21074pxThe site exactly as it stands. The zero-change reference every other theme is measured against.
The Cloudmaven homepage in the C1 theme at 390 pixels wide
C1light + dark · 20341pxThe C1 modernisation as a theme: the site's own palette, tightened. Denser vertical rhythm, hairlines instead of cards, a shorter measure, and artwork inset on a fixed light plate in both modes.
The Cloudmaven homepage in the Ledger Light theme at 390 pixels wide
Ledger Lightlight · pinned · 21199pxThe r3 design system's first direction, as a site. Warm paper, squared hairline structure, sparse gold annotation, and a call to action that is a ruled line rather than a filled button.
The Cloudmaven homepage in the Night Blueprint theme at 390 pixels wide
Night Blueprintdark · pinned · 21199pxThe r3 design system's second direction: the same structure as Ledger Light, on deep navy, with the drawings in pale ink.