The same site, twelve ways. Pick one and every page switches to it — the choice is remembered in this browser only, and nobody else sees it. Each style is built to show off a different set of techniques, listed on its card.
A floating control appears bottom-right while a style is active, so you can cycle with ‹ › from any page and reset with ×. Dark mode follows your system setting in every style.
Synthetic populations
All models are wrong; some are useful.
ReadThe current look: warm off-white, one orange accent, system fonts, quiet.
Type: System UI
Synthetic populations
All models are wrong; some are useful.
ReadLong-form first, in the manner of Medium and the better magazine sites: a serif at reading size, generous leading, a narrow measure, headings in a display face.
Type: Source Serif 4 · Playfair Display
Synthetic populations
All models are wrong; some are useful.
ReadInternational Typographic Style. A visible grid, enormous headlines, flush-left everything, one red, no decoration.
Type: Inter
Synthetic populations
All models are wrong; some are useful.
ReadRaw and loud: hard black borders, offset shadows, a highlighter yellow, no rounded corners anywhere.
Type: Space Grotesk
Synthetic populations
All models are wrong; some are useful.
ReadA phosphor-green console. Monospace everywhere, a scanline overlay, prompts before headings, a blinking cursor.
Type: JetBrains Mono
Synthetic populations
All models are wrong; some are useful.
ReadGlassmorphism over a slowly moving aurora: frosted translucent panels, soft borders, rounded everything.
Type: Inter
Synthetic populations
All models are wrong; some are useful.
ReadNeumorphism: everything extruded from one warm grey surface with paired light and dark shadows; pressed states sink inward.
Type: Nunito
Synthetic populations
All models are wrong; some are useful.
ReadA dashboard of tiles. Content becomes a bento grid of boxes of different sizes; big numbers, chips, dense and scannable.
Type: Space Grotesk
Synthetic populations
All models are wrong; some are useful.
ReadA newspaper: a masthead, rules above and below, body copy in two columns on wide screens, drop caps, small caps.
Type: Fraunces · Source Serif 4
Synthetic populations
All models are wrong; some are useful.
ReadAn academic preprint. Numbered sections, justified text, a narrow single column, figure captions — the LaTeX look, in CSS.
Type: Source Serif 4 · IBM Plex Mono
Synthetic populations
All models are wrong; some are useful.
ReadMonochrome and enormous. Black, white, one orange, headlines that fill the viewport, sections that reveal as you scroll.
Type: Inter (tight tracking)
Synthetic populations
All models are wrong; some are useful.
ReadPastel, rounded and bouncy: big radii, tilted cards that straighten on hover, a spring in every transition.
Type: Nunito
None of the styles is finished — each is a direction, applied consistently enough to judge across the homepage, an article and the support page. The questions to ask of each: does the white paper read comfortably in it, does the homepage still feel like a data product, and does it survive on a phone. When one wins, it becomes the default and the others are deleted.
Everything here is CSS plus one small script for the switcher. There are no external stylesheets, fonts or scripts: the typefaces are self-hosted variable fonts, so the Content-Security-Policy stays at 'self'.
