A machine-built directory — one language model, one brief per page

One brief each. 72 finished websites. You rank them.

I asked a language model to build 100 standalone web pages, one short brief each — a subject, an aesthetic, a typeface pairing, one memorable idea — every page written as a single HTML file with its CSS and JavaScript inline, no frameworks, no build step. 72 of them finished before the run hit its usage limit, and they are all here. Open any card to read the exact prompt that produced it; like, dislike or bookmark them and the board reorders by what people vote up.

The one prompt behind all of this+

The full prompt I gave, word for word — the single brief that produced all of this. (It asked for 100; 72 finished before the run hit its limit.)

Create 100 standalone HTML files in a folder named ./hundred/. Each file is one complete page: HTML, CSS, and any JS inline in the same file. No frameworks, no build step, no external assets except Google Fonts links. Every file must open in a browser and look finished.

Three rules:
1. Every page must look stunning. Ship-to-a-client quality.
2. Zero repetitive designs. No two pages may share a visual identity.
3. Full creative mode. Take aesthetic risks. Boring is the only failure.

STEP 1 — WRITE THE MANIFEST FIRST (before any HTML)
Write ./hundred/MANIFEST.md: a table with 100 rows. Columns: number, filename, subject, page type, aesthetic direction, hero device, display typeface, body typeface, base palette (4-6 hex values), layout archetype, the one motion moment, the one memorable element.

Hard quotas for the manifest (check them before moving on):
- 100 different subjects. Real, specific things: a Lisbon tram timetable, a mycology field guide, a jazz club's 1958 season, a deep-sea cable status board, a kid's dinosaur quiz, a wine cooperative, a satellite launch countdown, a haiku archive, a bike repair co-op. Spread across industries, eras, moods, and audiences.
- At least 25 different page types: landing page, poster, portfolio, dashboard, recipe, museum placard, poem, timetable, product page, playable mini-game, generative art piece, interactive toy, typographic experiment, data story, quiz, countdown, zine, menu, ticket, manifesto, map, ledger, lookbook, weather panel, album page, and more.
- No display typeface used more than 3 times. No body typeface more than 5 times.
- No background hue family used more than 8 times. Include pages built on saturated color, pure white, deep black, mid-tones, photographic-feeling gradients, textures, and patterns.
- No hero device repeated more than 4 times. Options include: giant type, live canvas animation, interactive demo, SVG illustration, a single sentence, a table, a diagram, an image grid, a clock, a form, a game board, empty space with one object.
- No layout archetype more than 6 times: asymmetric split, full-bleed single column, magazine grid, sidebar dominant, radial, diagonal, stacked panels, horizontal scroll, masonry, centered stage, marginalia, poster-scale single screen.
- Aesthetic directions are derived from the subject, not picked from a list. Seeds if stuck: Swiss grid, Bauhaus, Art Deco, risograph print, blueprint, medieval manuscript, terminal, paper cutout, claymorphism, isometric, ASCII, retro-futurist, botanical plate, cartographic, museum wall text, Memphis, Y2K, brutalist concrete, Japanese ma, Victorian handbill, punk flyer, lab notebook, airline cockpit.

BANNED because they are AI-design defaults, not choices:
- Cream #F4F1EA background with serif display and terracotta accent.
- Near-black background with one acid green or vermilion accent.
- Hairline-rule broadsheet layout with zero border radius as the go-to "editorial" look.
- The SaaS card kit: identical rounded cards, one radius everywhere, the same soft grey shadow, gradient blobs as decoration.
- ALL-CAPS tracked eyebrow labels above headings. Middle-dot meta strings (A · B · C). Arrows appended to link text. Monospace for every small label. #0B0B0B or #111 pretending to be black.
- Accenting one word in a headline in italic or a different color.
- Fade-and-slide-up on every section. Hover lift on every card.
- Numbered markers 01 / 02 / 03 unless the content is actually a sequence.
- Lorem ipsum, "Lorem Corp", "Acme", or generic marketing copy. Write real, specific copy for each subject.

STEP 2 — REVIEW THE MANIFEST
Re-read all 100 rows. If any two rows would be confused for each other at a glance, or any row reads like a default you would produce for any brief, rewrite it. State what you changed.

STEP 3 — BUILD ALL 100
Filenames: 001-slug.html through 100-slug.html. Build each page fully according to its manifest row:
- One memorable element per page. Everything around it stays disciplined.
- Typography is the personality: deliberate scale, weights, line length under 80 characters, generous line height.
- Structure encodes information. Borders, numbers, and dividers only where they mean something.
- One orchestrated motion moment per page, not scattered effects. Respect prefers-reduced-motion.
- Quality floor without announcing it: responsive to 360px, visible keyboard focus, readable contrast.
- Real content throughout. Every page tells you what it is within two seconds.

Write every file completely. No placeholders, no "similar to above", no "remaining files follow the same pattern", no skeletons. Do not stop at 10, 25, or 50 to summarize or ask if you should continue. Do not ask me anything. Keep writing files until all 100 exist. You may parallelize with subagents, each assigned specific manifest rows, but you own the final duplicate check.

STEP 4 — VERIFY
Run ls ./hundred/*.html | wc -l and confirm 100. Open the manifest one last time and confirm every row has a matching file. Then write ./hundred/index.html (not one of the 100): a gallery linking all pages with their number, subject, and direction, designed as its own 101st distinct piece.

Report only when all 100 files plus the index are on disk. In the final message, list any manifest rows you changed during the build and why.
0websites built
0tokens used
0total compute cost
0per finished page
0display typefaces
0page types

The bill, line by line

Where the tokens wentTokensRate /MCost
Output (the code)2,875,571$50.00$143.78
Cache writes11,691,790$12.50$146.15
Cache reads42,945,619$0.25$10.74
Fresh input611,227$10.00$6.11
Whole run58,124,207$306.77

How this was measured

Every builder ran on claude-fable-5-1. Token counts are summed from the run's own request logs across all 72 pages (plus the retries the rate limit forced), then priced at Fable 5.1's published rates: $10/M input, $50/M output, $12.50/M cache writes, $0.25/M cache reads. The real spend is the 2.9M tokens of code the model actually wrote.

On-device votes 72 pages
001timetable0

Carris Tram 28 timetable, Martim Moniz to Campo de Ourique, Lisbon

Carris enamel-yellow tram signage crossed with azulejo tile geometry; solid saturated yellow with a tile-pattern band

DataLight
002field guide0

Pacific Northwest mycology field guide, eight species

Victorian natural-history lithograph plates on damp forest-floor green; fine engraving strokes, foxed plate paper

DarkIllustrated
003event program0

Village Vanguard 1958 season program, New York

Reid Miles Blue Note sleeve: cropped display type, duotone feel, hard-edged colour blocks

DarkType-led
004dashboard0

Transatlantic submarine cable status board (TAT-14, MAREA, Grace Hopper, Dunant, Amitié)

nautical chart meets network operations console; bathymetric hatching, deep blue, no cards

DarkData
005quiz0

Dinosaur quiz for ages 6 to 9, eight questions

torn construction-paper cutouts with thick marker outlines on saturated sky blue

InteractiveLightPlayable
007countdown0

Ariane 6 flight VA-12 launch countdown, Kourou

mission-control instrumentation: light brushed-aluminium panel, black readout windows, amber seven-segment digits

AnimatedDataLight
008poem0

Haiku archive: Bashō, Buson, Issa, Chiyo-ni

Japanese ma: vast pure white, vertical writing, one sumi ink stroke

IllustratedLightType-led
011product page0

Gramercy Typewriter Co. repair services, New York

mid-century service manual: carbon-copy blue on onionskin cream, dot-leader price tables

InteractiveLight
012catalog0

Heirloom tomato seed catalog, twelve varieties

chromolithograph seed-packet engraving; pale leaf-green ground, tomato red

IllustratedLight
013timetable0

Radio Alhambra 1450 AM Sunday program grid, Granada

1970s hi-fi receiver: walnut veneer, brushed aluminium, backlit tuning scale

DarkDataInteractive
015menu0

Menya Kōbō ramen shop ticket machine, Sapporo

noren red with a ticket-vending-machine button panel; brushed-steel bezel

DarkInteractive
016poster0

London Underground 1936 poster "Go by Tube to the Zoo"

interwar Underground poster on a night-black ground: flat colour, Johnston-style sans, bold silhouette

DarkIllustrated
017dashboard0

Low Earth orbit debris tracker

vector CRT: phosphor cyan wireframe on dark teal, scanline texture

AnimatedDarkData
018recipe0

72-hour sourdough

lab notebook: grid paper, pencil annotations, timestamps in the margin

Light
019diary entry0

Fastnet lighthouse keeper's log, 13 to 14 August 1979

Victorian maritime ledger: ruled columns, fountain-pen ink, blotting

DataLight
021museum placard0

Bauhaus Dessau 1927 exhibition placard

Bauhaus: primaries, circle, square and triangle, text on a rotated grid, pure white

DataLight
023menu0

Hovedbanegård Bakery price board, Copenhagen

Danish bakery: charcoal chalkboard, pale oak, chalk lettering

Dark
024album page0

"Nightshift Radio", an LP by The Loose Wires

12-inch sleeve and centre label; teal sleeve, red label, cream inner

AnimatedDark
027form0

Kings County jury summons

carbonless triplicate form: pink, yellow, and white copies, perforated edge

InteractiveLight
029encyclopedia entry0

Encyclopedia entry: the axolotl

1911 Britannica two-column with woodcut; cream stock, pink and teal

IllustratedLight
030poster0

The Dead Pixels at 924 Gilman, 3 October

ransom-note punk flyer on yellow copier paper; photocopy grain

LightType-led
031calendar0

Zone 6b vegetable planting calendar

kraft-paper almanac wall chart, green ink

DataLight
032status board0

Széchenyi Baths pool temperature board, Budapest

Art Nouveau tilework: aqua, ochre, whiplash curves, mosaic texture

DarkData
035playable mini-game0

Chess endgame trainer: the Lucena position

walnut and maple Staunton board, wood grain

DarkInteractivePlayable
036map0

Ferry Plaza farmers market stall map, San Francisco

watercolour tourist map, hand lettering, pale aqua wash

Light
037portfolio0

Wittner & Sons cello luthiers, Cremona

varnish amber, spruce grain, f-hole silhouettes

DarkIllustrated
039memorial0

Trinity Square car park, Gateshead, 1967 to 2010

brutalist concrete: board-form texture, stencil lettering, mid-grey

Light
041timeline0

Fram expedition drift, 1893 to 1896

polar ice: pale cyan, sextant brass, ice-blue shadows

Light
042product page0

Hellfire Pepper Co. hot sauce

two-colour risograph overprint on red, deliberate misregistration

Dark
043score card0

Coffee cupping score sheet, Yirgacheffe lot 7

SCA cupping form on coffee brown: gridded scoring, pencil ticks

DarkInteractive
044wayfinding sign0

St. Olav's hospital wayfinding signs, Trondheim

Scandinavian signage: colour-coded blades, DIN-like caps, pure white

Light
045lookbook0

Maison Aurelle perfumery

Art Deco flacons: gold foil on true black lacquer

DarkIllustrated
046ballot0

Portland city council ranked-choice sample ballot

official election ballot: ovals, grey rules, pure white

InteractiveLight
047interactive toy0

Metronome and tap tempo

mahogany pyramid, brass pendulum, wood grain

AnimatedDarkPlayable
048error page0

404: Lost luggage office, Terminal 2

airport baggage hall: caution-yellow tag stock, carousel steel

AnimatedLight
049ledger0

Manor rent roll, Michaelmas 1327

medieval manuscript: vellum, rubrication, blackletter, gold leaf

DataLight
050dashboard0

Noor Ouarzazate solar output

pure white and sun yellow, wide arcs, no cards

DataLight
051typographic experiment0

Typographic experiment: "Breathe"

a single variable-width word on pale lavender

LightType-led
052receipt0

Receipt from Phở Gà Hà Nội, 06:12

thermal paper on a stainless counter; dot-matrix impressions

Light
053status board0

Burnside skate park session board, Portland

90s skate stencil: spray-can orange, black, sticker bomb

DataLight
054museum placard0

Hokusai "Under the Wave off Kanagawa" museum placard

museum wall text on warm grey with a Prussian blue pigment swatch

LightType-led
057songbook0

Sea shanty "Leave Her, Johnny"

Victorian broadside ballad handbill; woodcut border, cream stock

LightType-led
058status board0

Perseverance rover, sol 1500 status

JPL mission ops: dust-red ground, telemetry strips

DarkData
059lookbook0

Anders Vik AW26 lookbook, Oslo

fashion editorial: huge whitespace on pale grey, giant look numbers

IllustratedLight
060wall chart0

Wall chart: the noble gases

classroom chemistry chart on slate navy; discharge-tube glow

DarkData
061timetable0

Waldorf kindergarten daily rhythm

crayon and felt: green felt ground, beeswax tones

AnimatedDataLight
062landing page0

Edinburgh Old Town ghost tour

Victorian gothic: fog, gaslight, midnight blue

DarkIllustrated
063scoreboard0

Bala sheepdog trials scoreboard

Welsh agricultural show: rosettes, wool, show-ring green

DarkData
064product page0

Kaiten sushi plate pricing

plate colours as price tiers on true black; conveyor steel

AnimatedDark
065data story0

Lake Mead water level, 1983 to 2026

desert engineering: reservoir blue that recedes to reveal sand tan, the bathtub ring, and concrete

DarkData
066zine0

Zine: "DIY Darkroom" issue 3

cut-paper collage under darkroom safelight red

DarkIllustrated
067instruction manual0

Tea ceremony (chanoyu) sequence

wabi-sabi: raku glaze, tatami weave, warm grey

DarkData
068instrument0

Iceland earthquake feed, Reykjanes

smoked-drum seismograph: soot-black paper scratched white by the needle, red event marks

DarkDataInteractive
069seating chart0

Teatro alla Scala seating chart

gilt and red velvet horseshoe

Dark
071wall chart0

Change ringing: Plain Bob Doubles

English bell tower: the blue line on pale grey-blue, rope sallies

DataLight
073checklist0

Beehive inspection log

beeswax hex grid, honey amber, saturated yellow

Light
075pattern instructions0

Fair Isle yoke sweater pattern

Shetland wool chart on cream graph paper

DataLight
076interactive toy0

1956 Seeburg wall-box jukebox

chrome diner: bubble tubes, title strips, hot pink

DarkInteractivePlayable
077status board0

Climbing gym route-setting board

chalk and tape on blue-painted plywood; coloured holds

DarkData
078timetable0

Liturgy of the Hours, Abbaye de Sénanque

Romanesque stone and lavender fields, sundial

AnimatedDarkData
081quiz0

Regional spelling bee word list

school gym: felt banners on pennant blue, gold letters

DarkPlayable
082generative art piece0

Generative rose window after Chartres

Gothic tracery, lead came, jewel glass on true black

AnimatedDarkGenerative
083safety card0

Nordvind Air safety card

airline pictograms: flat vector, caution yellow

Light
084spec sheet0

Cocktail specification: the Last Word

speakeasy engraving: true black bar, bottle green, brass

DarkData
085quiz0

UK garden birdsong quiz, six birds

ornithological plate on dawn-chorus ochre; sage and sonogram

DataInteractiveLight
086dashboard0

OO gauge model railway control panel

1970s control panel: bakelite toggles, mimic diagram, charcoal

DarkData
089manifesto0

The Slow Web Manifesto

brutalist web on full orange-red: huge text, raw blue links

DarkType-led
093certificate0

Shellback certificate for crossing the equator

engraved certificate on navy: guilloche, Neptune, wax seal

DarkInteractive
094kiosk0

Stockholm Stadsbibliotek self-checkout kiosk

Asplund rotunda: warm orange plaster, circular shelves

DataLight
096status board0

Curitiba tube station real-time arrivals

Brazilian modernism: glass cylinder on black, yellow, green, blue

AnimatedDarkData
097dashboard0

Etna volcano observatory alert

civil protection: magma red-black, tremor lines

DarkDataInteractive
098guestbook0

Ben Nevis summit register

weathered logbook in a tin on mist teal-grey

InteractiveLight
000

The exact prompt for this page

Specification

Open full page