22 compositions — 55 variants in play

22 finished sites

One variant per slot, 22 times over. Between them these use every one of the 55 variants in the registry at least once, and no two share both a hero and a project gallery. Content is held constant on purpose, so what you are comparing is the composition.

01Awards / kinetic

Site of the Year

Dark

The reference build. Kinetic split-text hero over a pointer-lit grid, editorial project index with a liquid preview plate, aurora wash behind it all.

loader
The Manifesto — Kinetic Typography
navbar
Glass Capsule
hero
Site of the Year
about
Editorial Spread
skills
The Orbit
experience
The Ledger
projects
The Index — Liquid Preview
contact
The Approach
footer
Colophon
background
Chromatic Aurora
Open full composition

02WebGL / maximal

Event Horizon

Dark

Everything on the GPU: particle-accretion preloader, 4,096-column instanced wave hero, 3D project deck, depth-field starfield. The heaviest composition the engine can build.

loader
Event Horizon — Particle AccretionGL
navbar
Magnifying Dock
hero
The Field — Instanced WaveGL
about
The Dossier
skills
Kinetic Type Field
experience
Role Cards
projects
The Stack — 3D Deck
contact
The Calling Card
footer
The Sign-off
background
Depth FieldGL
Open full composition

03Editorial / print

Press Run

Dark

Set like a magazine. Six-plate registration preloader, centred display name, the bio as a full-bleed manifesto, ruled project register with marquee rows.

loader
Press Run — Editorial Registration
navbar
Editorial Rail
hero
Statement — Centred Display
about
The Manifesto
skills
Weighted Bento
experience
The Ledger
projects
Marquee Register
contact
The Approach
footer
Colophon
background
Perspective Mesh
Open full composition

04Developer / terminal

Cold Boot

Dark

For engineers who want the site to read as a machine. CRT diagnostics preloader into a working REPL hero — eight commands, history, tab completion — then a pinned dossier and a guided brief.

loader
Cold Boot — CRT Diagnostics
navbar
Editorial Rail
hero
Terminal — Working REPL
about
The Dossier
skills
Kinetic Type Field
experience
Accordion Résumé
projects
Flip Cards
contact
The Brief
footer
The Rule
background
Perspective Mesh
Open full composition

05Cinema / analogue

Film Gate

Dark

Filmstrip counter pulled past a fixed gate, then a canvas dot-matrix hero you magnify with a cursor-held loupe. Closes on a full-width sign-off band.

loader
Film Gate — Counter as Filmstrip
navbar
Glass Capsule
hero
The Lens — Pixel Loupe
about
The Manifesto
skills
Weighted Bento
experience
Role Cards
projects
Mosaic Wall
contact
The Calling Card
footer
The Sign-off
background
Interference
Open full composition

06Technical / drafted

Blueprint

Dark

Drafting-sheet register. The lattice preloader draws itself member by member, the hero is a metrics bento that counts up on first view, and the about section advances panel by panel.

loader
Blueprint Lattice — Drafted Assembly
navbar
Editorial Rail
hero
Dashboard Bento
about
The Dossier
skills
Weighted Bento
experience
Accordion Résumé
projects
Case Studies
contact
The Brief
footer
The Rule
background
Perspective Mesh
Open full composition

07Kinetic / amber

Spool

Dark

Tape-transport preloader locking into a title card, then a full-bleed name banner that surges with scroll velocity, ending on a kinetic sign-off.

loader
Spool — Tape Transport
navbar
Glass Capsule
hero
The Banner — Scroll-Reactive Marquee
about
Editorial Spread
skills
The Orbit
experience
The Ledger
projects
Case Studies
contact
The Calling Card
footer
The Sign-off
background
Perspective Mesh
Open full composition

08Organic / soft

Coalescence

Dark

Gooey metaball preloader into a noise-displaced orb with a hand-written fresnel rim. Magnifying dock, orbiting skill rings, liquid project index. No hard edges anywhere.

loader
Coalescence — Gooey Metaballs
navbar
Magnifying Dock
hero
The Orb — Displaced SphereGL
about
The Manifesto
skills
The Orbit
experience
Role Cards
projects
The Index — Liquid Preview
contact
The Calling Card
footer
Colophon
background
Flow FieldGL
Open full composition

09Swiss / light

Set in Lead

Light

The light-mode build. A 35-cell Swiss forme inks itself on paper stock, then a fixed statement half beside counter-scrolling plate columns. Quiet, ruled, typographic.

loader
Set in Lead — Swiss Grid (Light)
navbar
Editorial Rail
hero
Split Screen — Counter-Scroll
about
Editorial Spread
skills
Weighted Bento
experience
Accordion Résumé
projects
Marquee Register
contact
The Brief
footer
The Rule
background
Chromatic Aurora
Open full composition

10Awards / deck

The Stack

Dark

Work-first. Split-screen counter-scroll hero hands straight off to a perspective card deck where rear plates stay clickable, held together by a magnifying dock.

loader
The Manifesto — Kinetic Typography
navbar
Magnifying Dock
hero
Split Screen — Counter-Scroll
about
The Dossier
skills
Kinetic Type Field
experience
The Ledger
projects
The Stack — 3D Deck
contact
The Approach
footer
The Sign-off
background
Chromatic Aurora
Open full composition

11Bento / light

Mosaic

Light

Modular light build — every section is a grid of unequal cells. Dashboard hero with live counters, weighted skill meters, glass role plates, six-column project wall.

loader
Set in Lead — Swiss Grid (Light)
navbar
Glass Capsule
hero
Dashboard Bento
about
Editorial Spread
skills
Weighted Bento
experience
Role Cards
projects
Mosaic Wall
contact
The Calling Card
footer
The Rule
background
Perspective Mesh
Open full composition

12Minimal / restrained

Understatement

Dark

The quietest composition. Droplets fuse, the name sets to measure with a role swapping on a mask wipe, the bio speaks for itself, and the footer gets out of the way.

loader
Coalescence — Gooey Metaballs
navbar
Glass Capsule
hero
Statement — Centred Display
about
The Manifesto
skills
Kinetic Type Field
experience
Accordion Résumé
projects
Flip Cards
contact
The Brief
footer
The Rule
background
Topography
Open full composition

13Mechanical / transit

Departure

Dark

Announced on a split-flap board: three rows riffle and land before the site arrives. Centred display name, parallaxed case studies, one-row footer.

loader
Departure — Split-Flap Board
navbar
Editorial Rail
hero
Statement — Centred Display
about
Editorial Spread
skills
Weighted Bento
experience
Role Cards
projects
Case Studies
contact
The Brief
footer
The Rule
background
Perspective Mesh
Open full composition

14Optical / light

Stop Down

Light

A hexagonal iris opens onto the name, then fires shut. Light throughout — kinetic hero, type-cloud skills, flip cards, and a sign-off band to close.

loader
Stop Down — Hexagonal Iris
navbar
Glass Capsule
hero
Site of the Year
about
The Manifesto
skills
Kinetic Type Field
experience
The Ledger
projects
Flip Cards
contact
The Calling Card
footer
The Sign-off
background
Interference
Open full composition

15Optical / dark

Long Exposure

Dark

The same iris in the dark, opening onto a canvas dot-matrix hero you magnify with a cursor loupe. Depth-field starfield, pinned dossier, liquid project index.

loader
Stop Down — Hexagonal Iris
navbar
Magnifying Dock
hero
The Lens — Pixel Loupe
about
The Dossier
skills
The Orbit
experience
Accordion Résumé
projects
The Index — Liquid Preview
contact
The Calling Card
footer
The Rule
background
Depth FieldGL
Open full composition

16Accounting / light

Ledger

Light

Light and ruled. Metrics bento that counts up on first view, weighted skill meters, a scroll-linked spine, and the work as a quiet marquee register.

loader
Stop Down — Hexagonal Iris
navbar
Editorial Rail
hero
Dashboard Bento
about
Editorial Spread
skills
Weighted Bento
experience
The Ledger
projects
Marquee Register
contact
The Brief
footer
The Rule
background
Ruled Paper
Open full composition

17Developer / maximal

Terminal Velocity

Dark

Cold Boot's harder sibling. CRT diagnostics into a working REPL, then a perspective card deck rather than a list — the developer build that still wants a showpiece.

loader
Cold Boot — CRT Diagnostics
navbar
Magnifying Dock
hero
Terminal — Working REPL
about
The Manifesto
skills
Kinetic Type Field
experience
Role Cards
projects
The Stack — 3D Deck
contact
The Brief
footer
The Sign-off
background
Perspective Mesh
Open full composition

18WebGL / shader

Wave Function

Dark

Particle accretion into a noise-displaced orb with a fresnel rim, over a domain-warped plasma. Two shaders, one page. Mosaic project wall, pinned dossier, kinetic sign-off.

loader
Event Horizon — Particle AccretionGL
navbar
Glass Capsule
hero
The Orb — Displaced SphereGL
about
The Dossier
skills
Weighted Bento
experience
The Ledger
projects
Mosaic Wall
contact
The Approach
footer
The Sign-off
background
Flow FieldGL
Open full composition

19Editorial / newsprint

Broadsheet

Dark

Press Run at full page width. Registration plates snap into alignment, a counter-scrolling split hero, and the work laid out as full-bleed case-study rows.

loader
Press Run — Editorial Registration
navbar
Editorial Rail
hero
Split Screen — Counter-Scroll
about
The Manifesto
skills
Kinetic Type Field
experience
Accordion Résumé
projects
Case Studies
contact
The Approach
footer
Colophon
background
Ruled Paper
Open full composition

20Cinema / kinetic

The Reel

Dark

Filmstrip counter into a name banner that surges with scroll velocity, then the editorial index with its liquid preview plate. Orbiting skills, glass role plates.

loader
Film Gate — Counter as Filmstrip
navbar
Magnifying Dock
hero
The Banner — Scroll-Reactive Marquee
about
Editorial Spread
skills
The Orbit
experience
Role Cards
projects
The Index — Liquid Preview
contact
The Calling Card
footer
Colophon
background
Chromatic Aurora
Open full composition

21Technical / light

Drafting Table

Light

Blueprint sensibility in light mode. Iris preloader, counter-scrolling plate columns, a pinned dossier, weighted meters, and flip cards on paper stock.

loader
Stop Down — Hexagonal Iris
navbar
Glass Capsule
hero
Split Screen — Counter-Scroll
about
The Dossier
skills
Weighted Bento
experience
Accordion Résumé
projects
Flip Cards
contact
The Calling Card
footer
The Rule
background
Perspective Mesh
Open full composition

22Instrument / restrained

Field Notes

Dark

The split-flap board hands off to 4,096 instanced columns, then the work reads as a quiet ruled register. Maximal entrance, minimal index.

loader
Departure — Split-Flap Board
navbar
Editorial Rail
hero
The Field — Instanced WaveGL
about
The Manifesto
skills
Kinetic Type Field
experience
The Ledger
projects
Marquee Register
contact
The Brief
footer
The Sign-off
background
Topography
Open full composition