# One hundred independent pages

Each numbered file is a complete, self-contained page. Original fictional venues, events, sample datasets, and simulations are identified as such on their pages; educational subjects use established facts and original copy. All art is inline SVG, CSS, or canvas. Google Fonts are the only optional external assets.

| Number | Filename | Subject | Page type | Aesthetic direction | Hero device | Display typeface | Body typeface | Base palette | Layout archetype | The one motion moment | The one memorable element |
| --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- |
| 001 | 001-lisbon-tram.html | Lisbon tram 28E through Graça | Timetable | Yellow enamel tram-stop lettering with curved rail geometry | Route ribbon | Barlow Condensed | Source Sans 3 | #F9D641 #182026 #173F74 #9A371E #FFFFFF (yellow) | Landscape strip | A tram dot travels the route once | The timetable follows the hill profile |
| 002 | 002-fungal-atlas.html | The oyster mushroom and its gills | Field guide | Violet spore-print microscopy on lavender paper | Specimen drawing | Cormorant Garamond | Nunito Sans | #E2D8F8 #182026 #E4C072 #A9C1BE #FFFFFF (violet) | Marginalia | Gill lines unfurl once | An enormous underside mushroom portrait |
| 003 | 003-blue-hour-jazz.html | A fictional Chicago jazz cellar in winter 1958 | Season poster | Midnight club matchbooks and icy blue letterpress | Giant type | Bebas Neue | Lato | #143B78 #FFFFFF #FFDB79 #F0ADB9 (blue) | Poster-scale single screen | Spotlight sweeps the title once | A bass-clef-shaped season roster |
| 004 | 004-atlantic-cable.html | A transatlantic fiber cable operations simulation | Status dashboard | Marine teal instrumentation with bathymetric depth shading | Cross-section | Chakra Petch | IBM Plex Sans | #083F48 #FFFFFF #EDC87C #F0A997 #E4F6EE (teal) | Cross-section | One signal pulse crosses the cable | The cable descends through labeled ocean layers |
| 005 | 005-dinosaur-detective.html | A Triceratops fossil detective quiz for children | Quiz | Coral classroom paper cutouts and exuberant fossil shapes | Game board | Lilita One | Nunito | #F4B0AC #182026 #602C61 #F6DE86 #FFFFFF (rose) | Stacked panels | Correct answer opens a fossil shell | A dinosaur assembled from earned fossil pieces |
| 006 | 006-douro-harvest.html | A Douro grape-growers harvest cooperative | Cooperative landing page | Wine-purple hillside terraces as sweeping woven bands | Terraced landscape | DM Serif Display | Karla | #56234B #FFFFFF #F3DAA5 #DAACD2 (magenta) | Asymmetric split | Harvest sunlight traverses a terrace | The vineyard becomes a typographic amphitheater |
| 007 | 007-orbital-window.html | A simulated small satellite launch window | Countdown | Pure black orbital mechanics with white and lavender telemetry | Clock | Space Grotesk | Public Sans | #000000 #FFFFFF #D7D2EC #E1B866 (black) | Centered stage | A launch arc draws on countdown start | The countdown occupies the satellite orbital ring |
| 008 | 008-rain-haiku.html | Original haiku about rain on a Kyoto footbridge | Poem archive | White Japanese ma with cobalt ink and generous silence | Single sentence | Shippori Mincho | Noto Sans | #FFFFFF #202126 #23458B #AFAFAA #000000 (white) | Floating constellation | One ink droplet spreads on poem change | Three poem lines separated by a tiny bridge |
| 009 | 009-spoke-common.html | A neighborhood bicycle repair co-op in Leeds | Workshop board | Concrete gray workshop stencils with rubber-black shapes | Exploded object | Archivo Black | Open Sans | #CECECA #182026 #225286 #D26743 #F8F9FA (gray) | Sidebar dominant | A wheel turns when repair is selected | A bicycle wheel doubles as the job selector |
| 010 | 010-cardamom-buns.html | Swedish cardamom knots for a Saturday bake | Recipe | Warm cinnamon-orange kitchen geometry and folded dough | Braided form | Bree Serif | Source Serif 4 | #EDAC67 #182026 #293C74 #88381F #FFF7DD (orange) | Folded spread | The dough knot draws itself once | A giant illustrated knot beside the ingredient folds |
| 011 | 011-antikythera-room.html | The Antikythera mechanism as an astronomical computer | Museum placard | Oxidized brown bronze relief against parchment-free dark umber | Mechanical diagram | Cinzel | Libre Franklin | #3D2D24 #FFFFFF #E1BE87 #A5BCA7 #FFF6E3 (brown) | Offset diptych | A selected gear turns its connected partner | Interlocking gears explain the lunar cycle |
| 012 | 012-lichen-island.html | Lichen succession on an exposed volcanic rock | Data story | Acid-free moss-green scientific rubbings and organic contours | Growth rings | Alegreya | PT Sans | #C9D8AC #182026 #EBD17D #A9D9CB #FFFFFF (green) | Radial | A succession ring expands on year selection | Time is written into the lichen perimeter |
| 013 | 013-copper-pot.html | A hand-hammered copper saucepan made in Villedieu | Product page | Burnished red metal with oversized embossed numerals | Single object | Prata | Merriweather Sans | #9E2832 #FFFFFF #FFD591 #EDB8C1 (red) | Centered stage | The copper highlight passes once | A saucepan silhouette formed by concentric hammer marks |
| 014 | 014-ice-station.html | An imagined Svalbard field-station weather panel | Weather panel | Glacial cyan translucency with layered ice edges | Weather sculpture | Sora | Fira Sans | #C6EDF2 #182026 #133B63 #CA653D #FFFFFF (cyan) | Stacked panels | One snow squall passes over the instrument | Temperature hangs inside an ice-core column |
| 015 | 015-saffron-market.html | A saffron stall in Mashhad | Market menu | Golden yellow spice dust and Persian-inspired petal geometry | Petal wheel | Lemon | Overpass | #E7B929 #182026 #173F74 #9A371E #FFFFFF (yellow) | Radial | Petals rotate to the chosen grade | Saffron threads radiate from a weighing dish |
| 016 | 016-violet-cinema.html | A fictional 1974 Warsaw experimental film screening | Cinema ticket | Violet overprinted film stock and jagged optical cuts | Film strip | Anton | Hind | #533880 #FFFFFF #E4C072 #A9C1BE (violet) | Diagonal | Ticket perforations unzip on reveal | The admission ticket cuts diagonally across the screen |
| 017 | 017-tidal-library.html | A tidal reading room in Brittany | Library landing page | Tidal blue painted wood and broad tide-mark bands | Empty space with one object | Libre Baskerville | Mulish | #C8D8F1 #182026 #FFDB79 #F0ADB9 #FFFFFF (blue) | Full-bleed single column | A waterline gently reaches its single high tide | A tiny reading chair below a vast tide line |
| 018 | 018-kelp-forest.html | A diver's kelp-forest species transect | Interactive map | Deep green-blue submerged light and long ribbon fronds | Vertical habitat | Fjalla One | Catamaran | #174F51 #FFFFFF #EDC87C #F0A997 #E4F6EE (teal) | Landscape strip | A shaft of light passes through kelp | Species labels hang at their swimming depth |
| 019 | 019-roller-derby.html | A fictional Marseille roller derby bout | Event flyer | Hot pink track paint and photocopied impact lettering | Oversized emblem | Bungee | Rubik | #EC709A #182026 #602C61 #F6DE86 #FFFFFF (rose) | Poster-scale single screen | A skate streak cuts across the score | A roller skate as a giant battle insignia |
| 020 | 020-beet-ferment.html | A red-beet kvass fermentation journal | Journal | Magenta glass stains with precise jar silhouettes | Vessel stack | Yeseva One | Barlow | #AD286E #FFFFFF #F3DAA5 #DAACD2 (magenta) | Masonry | Bubbles rise on selecting a ferment day | Seven jars become a diary of changing color |
| 021 | 021-lunar-shadow.html | The geometry of a lunar eclipse | Interactive explainer | Absolute black shadow theater with chalk-white lunar discs | Shadow experiment | Orbitron | Roboto | #000000 #FFFFFF #D7D2EC #E1B866 (black) | Offset diptych | The moon moves through Earth's shadow by slider | A physically legible umbra cone |
| 022 | 022-folded-crane.html | An origami crane folding lesson | Instruction sheet | White folded-paper relief with indigo crease conventions | Fold diagram | Zen Kaku Gothic New | Alegreya Sans | #FFFFFF #202126 #23458B #AFAFAA #000000 (white) | Folded spread | A fold rotates on step selection | The crease map unfolds into the finished crane |
| 023 | 023-concrete-poetry.html | Original concrete poems about a stairwell | Typographic experiment | Mid-gray architectural mass and deep charcoal words | Type sculpture | Oswald | Ubuntu | #969AA0 #182026 #225286 #D26743 #F8F9FA (gray) | Diagonal | One word descends the staircase | The poem is itself a navigable staircase |
| 024 | 024-sunset-ferry.html | An imagined Tangier evening ferry crossing ticket | Travel ticket | Tangerine sunset gradients and crisp port-blue boarding stamps | Horizon disc | Righteous | Arimo | #EE9254 #182026 #293C74 #88381F #FFF7DD (orange) | Landscape strip | The sun settles behind the boarding line | A sun-shaped departure punch |
| 025 | 025-cedar-canoe.html | A cedar-strip canoe maker on Lake Superior | Craft portfolio | Dark timber marquetry and long hull-shaped negative space | Material swatches | Vollkorn | Noto Serif | #493527 #FFFFFF #E1BE87 #A5BCA7 #FFF6E3 (brown) | Horizontal scroll | A varnish reflection slides across one hull | Wood strips become the horizontal project navigator |
| 026 | 026-seed-library.html | A Bristol community seed lending library | Catalog | Pea-green stamped packets and sprouting letterforms | Packet grid | Cabin Sketch | Source Sans 3 | #D4E39C #182026 #EBD17D #A9D9CB #FFFFFF (green) | Specimen tray | A seed sprouts when its packet opens | Opening a seed packet reveals growing notes |
| 027 | 027-red-planet-rover.html | A Mars rover route-planning puzzle | Playable mini-game | Rust-red topography and ivory navigation blocks | Game board | Russo One | Nunito Sans | #AF4B3B #FFFFFF #FFD591 #EDB8C1 (red) | Modular matrix | The rover drives only along the chosen route | Terrain tiles change the cost of reaching the crater |
| 028 | 028-blueprint-bass.html | A double-bass luthier's sound-post adjustment notes | Technical notebook | Cyan drafting paper with navy sectional measurements | Measured drawing | Roboto Slab | Lato | #B0E1EB #182026 #133B63 #CA653D #FFFFFF (cyan) | Marginalia | A string vibrates once on pluck | An instrument cross-section large enough to read |
| 029 | 029-lemon-observatory.html | A Sicilian lemon orchard bloom calendar | Season calendar | Lemon-yellow citrus stamps and curved orchard rows | Calendar wheel | Italiana | IBM Plex Sans | #FFE887 #182026 #173F74 #9A371E #FFFFFF (yellow) | Radial | The calendar turns to a selected month | A lemon slice becomes a seasonal clock |
| 030 | 030-aurora-score.html | An original ambient composition inspired by auroras | Album page | Purple night-sky curtains and delicate musical intervals | Waveform score | Syncopate | Nunito | #29204B #FFFFFF #E4C072 #A9C1BE (violet) | Full-bleed single column | One aurora ribbon responds to a play gesture | The album cover is a playable synthesized chord |
| 031 | 031-azulejo-workshop.html | A Porto azulejo tile-pattern workshop | Pattern toy | Cobalt tile glazing with thick white grout rhythms | Pattern generator | Alfa Slab One | Karla | #1344B8 #FFFFFF #FFDB79 #F0ADB9 (blue) | Modular matrix | A tile quarter-turn rebuilds the motif | An entire wall assembled from one editable tile |
| 032 | 032-harbor-salvage.html | A fictional Rotterdam harbor salvage ledger | Ledger | Petrol-teal steel plates and cream-painted cargo stencils | Table | Teko | Public Sans | #195E65 #FFFFFF #EDC87C #F0A997 #E4F6EE (teal) | Sidebar dominant | A crane stamp lands after filtering cargo | Recovered objects listed beside their lift silhouettes |
| 033 | 033-peach-orchestra.html | A children's peach-shaped rhythm sequencer | Music toy | Salmon felt shapes and friendly confectionery rhythm | Step sequencer | Fredoka | Noto Sans | #F2BCBC #182026 #602C61 #F6DE86 #FFFFFF (rose) | Amphitheater | The active beat hops along the peach segments | A peach pit acts as the transport control |
| 034 | 034-silk-route.html | The colors of a Samarkand silk weaving | Textile lookbook | Deep mulberry dye fields and large ikat edges | Woven bands | Marcellus | Open Sans | #65334F #FFFFFF #F3DAA5 #DAACD2 (magenta) | Horizontal scroll | One shuttle weaves across the cloth | The page reads horizontally like a loom |
| 035 | 035-darkroom-contact.html | A silver-gelatin darkroom exposure study | Photo process guide | Pure black with silver-white simulated chemical bloom | Contact sheet | Newsreader | Source Serif 4 | #000000 #FFFFFF #D7D2EC #E1B866 (black) | Magazine grid | A test strip develops on exposure choice | One scene appears through five exposure bands |
| 036 | 036-white-chess.html | A white-on-white chess knight puzzle | Puzzle | White plaster relief and quiet black algebraic notation | Game board | Bodoni Moda | Libre Franklin | #FFFFFF #202126 #23458B #AFAFAA #000000 (white) | Centered stage | The knight jumps to a legal selected square | A sculptural knight above a sparse board |
| 037 | 037-type-foundry.html | A fictional Sheffield type foundry | Type specimen | Steel-gray industrial letter milling | Live type specimen | Barlow | PT Sans | #B5B9BF #182026 #225286 #D26743 #F8F9FA (gray) | Asymmetric split | Letter weight changes with a single slider | An oversized lowercase g displays its counter mechanics |
| 038 | 038-apricot-radio.html | An imagined 1967 pirate radio frequency card | Radio dial | Apricot Bakelite and burned-orange concentric calibration | Analog dial | Changa One | Merriweather Sans | #E5A878 #182026 #293C74 #88381F #FFF7DD (orange) | Centered stage | The dial needle follows the tuner | A circular tuner reveals three original broadcast notes |
| 039 | 039-peat-archive.html | A bog core's record of ancient pollen | Research exhibit | Umber sediment layers and specimen labels pressed into clay | Cross-section | Lora | Fira Sans | #584233 #FFFFFF #E1BE87 #A5BCA7 #FFF6E3 (brown) | Cross-section | One core layer slides out on selection | Millennia are stacked as a vertical peat core |
| 040 | 040-fern-rescue.html | A fern conservatory's propagation bench | Care planner | Forest-green greenhouse glazing and curled frond silhouettes | Branching diagram | Berkshire Swash | Overpass | #204E36 #FFFFFF #EBD17D #A9D9CB (green) | Floating constellation | A fern crozier unfurls once | Propagation instructions branch like fern leaflets |
| 041 | 041-firehouse-supper.html | A fictional neighborhood firehouse supper in Queens | Community menu | Tomato-red enamel and cream recipe index tabs | Hand-painted sign | Patua One | Hind | #C92F37 #FFFFFF #FFD591 #EDB8C1 (red) | Stacked panels | A serving bell rocks on meal selection | The menu is painted inside a giant firehouse door |
| 042 | 042-cyanotype-coast.html | A cyanotype workshop using seaweed specimens | Workshop invitation | Pale cyan exposure paper with deep Prussian botanical shadows | Specimen drawing | Gilda Display | Mulish | #BEE3E7 #182026 #133B63 #CA653D #FFFFFF (cyan) | Masonry | An exposure wash reveals one seaweed print | A giant translucent seaweed impression |
| 043 | 043-mustard-mail.html | A postal museum exhibit about pneumatic mail | Museum exhibit | Mustard machinery paint and rounded transit capsules | Mechanical diagram | Staatliches | Catamaran | #DCC94C #182026 #173F74 #9A371E #FFFFFF (yellow) | Cross-section | A letter capsule travels through the tube | A mail tube links every exhibit paragraph |
| 044 | 044-violet-orbit.html | A dance score for three performers around a table | Choreography score | Pale lilac rehearsal marks and dark ink movement paths | Movement notation | Forum | Rubik | #E7DFF2 #182026 #E4C072 #A9C1BE #FFFFFF (violet) | Amphitheater | Three positions perform a single eight-count | A tabletop is the choreographic coordinate system |
| 045 | 045-fjord-soundings.html | An acoustic transect through a Norwegian fjord | Scientific dashboard | Deep blue sonar paper and pale echo contours | Echogram | Rajdhani | Barlow | #103B65 #FFFFFF #FFDB79 #F0ADB9 (blue) | Landscape strip | One sonar sweep reveals suspended layers | Depth and echoes form a scrolling underwater curtain |
| 046 | 046-tea-water.html | A gongfu tea water-temperature ritual | Timer | Turquoise celadon bowls and unhurried concentric ripples | Vessel stack | Noto Serif SC | Roboto | #AAD5D0 #182026 #EDC87C #F0A997 #E4F6EE (teal) | Centered stage | A steam curl rises while the timer runs | The tea bowl empties as steeping time elapses |
| 047 | 047-coral-restoration.html | A coral nursery's branching-fragment inventory | Inventory | Dusty rose underwater porcelain and branching taxonomies | Branching diagram | Dosis | Alegreya Sans | #F1D2D6 #182026 #602C61 #F6DE86 #FFFFFF (rose) | Specimen tray | A selected coral branch grows into view | Each nursery fragment is a readable coral silhouette |
| 048 | 048-fuchsia-flamenco.html | A fictional Granada flamenco rehearsal program | Performance program | Fuchsia fabric folds and sweeping fan-shaped typography | Folded fan | Playfair Display | Ubuntu | #AC1D82 #FFFFFF #F3DAA5 #DAACD2 (magenta) | Amphitheater | A fan opens to reveal the evening program | The running order lives in the fan pleats |
| 049 | 049-black-hole-lens.html | A gravitational-lensing ray experiment | Generative art piece | Pure black cosmological space with white and gold bent light | Live canvas | Michroma | Arimo | #000000 #FFFFFF #D7D2EC #E1B866 (black) | Full-bleed single column | Light rays bend around a movable lens | A cursor-positioned lens distorts a star field |
| 050 | 050-salt-flakes.html | A sea-salt maker's crystal-size tasting comparison | Tasting guide | White salt plains and crystalline blue-gray shadows | Crystal field | Tenor Sans | Noto Serif | #FFFFFF #202126 #23458B #AFAFAA #000000 (white) | Specimen tray | A crystal rotates on size selection | Salt flakes rendered as giant translucent polygon facets |
| 051 | 051-urban-pigeons.html | Pigeon plumage morphs at a railway station | Bird atlas | Cloud-gray city concrete with iridescent neck-color details | Silhouette lineup | DM Sans | Source Sans 3 | #D2D4D5 #182026 #225286 #D26743 #F8F9FA (gray) | Magazine grid | A selected pigeon fans its tail | Five pigeon profiles show genuinely different plumage |
| 052 | 052-clay-octave.html | An ocarina maker's terracotta octave | Instrument page | Orange fired clay and dark finger-hole silhouettes | Interactive demo | Baloo 2 | Nunito Sans | #D67837 #182026 #293C74 #88381F #FFF7DD (orange) | Offset diptych | The active note's breath ribbon expands | Playable ocarina finger holes map to eight notes |
| 053 | 053-cacao-ledger.html | A cacao ferment-box tasting record from Bahia | Tasting ledger | Cocoa-brown cut pods and handwritten-style fermentation curves | Table | Bitter | Lato | #35241F #FFFFFF #E1BE87 #A5BCA7 #FFF6E3 (brown) | Sidebar dominant | A temperature trace draws once | Chocolate tasting notes occupy cacao seed compartments |
| 054 | 054-moss-terrarium.html | A closed-jar moss terrarium builder | Interactive builder | Bottle-green miniature landscapes beneath reflective glass | Miniature world | Quicksand | IBM Plex Sans | #16432F #FFFFFF #EBD17D #A9D9CB (green) | Asymmetric split | Mist condenses once after watering | An assembled terrarium changes with the selected substrate |
| 055 | 055-cherry-blossom-bento.html | A spring picnic bento with sakura-shaped rice | Recipe | Cherry-red lacquer and precise edible compartments | Bento composition | Kosugi Maru | Nunito | #AF1933 #FFFFFF #FFD591 #EDB8C1 (red) | Modular matrix | The lunchbox lid slides aside once | Every recipe component occupies its real bento position |
| 056 | 056-glacier-melt.html | A hypothetical glacier's annual mass balance | Data story | Bright cyan meltwater with translucent stepped ice geometry | Waterfall chart | Exo 2 | Karla | #80D7EA #182026 #133B63 #CA653D #FFFFFF (cyan) | Cross-section | Ice retreats when the year slider changes | The chart doubles as the glacier terminus |
| 057 | 057-solar-cooker.html | A parabolic solar cooker geometry lesson | Interactive explainer | Sunflower yellow engineering cut-paper and focused dark rays | Ray diagram | Saira Condensed | Public Sans | #EDC737 #182026 #173F74 #9A371E #FFFFFF (yellow) | Radial | Sun rays converge when the reflector tilts | The focal point is a tiny cooking pot |
| 058 | 058-lavender-sleep.html | A bedtime breathing exercise for night-shift workers | Breathing tool | Soft violet dusk gradients and a single quilted orb | Breathing sculpture | Comfortaa | Noto Sans | #C4B7E0 #182026 #E4C072 #A9C1BE #FFFFFF (violet) | Centered stage | One slow inhale-exhale orb cycle on start | A crescent seam travels over the breathing sphere |
| 059 | 059-ultramarine-pigment.html | Natural ultramarine and the lapis-lazuli grinding process | Material archive | Ultramarine mineral fracture and luminous chalk-white captions | Material swatches | Unna | Open Sans | #2448C7 #FFFFFF #FFDB79 #F0ADB9 (blue) | Masonry | Grinding reveals the powder field once | A broken lapis rock opens into an intense pigment pool |
| 060 | 060-tidal-flats.html | A mudflat birdwatching tide planner for the Wadden Sea | Planner | Sea-green mudflat contours and shell-white tide bands | Tide graph | Assistant | Source Serif 4 | #B3D9CC #182026 #EDC87C #F0A997 #E4F6EE (teal) | Landscape strip | The tide marker glides to the selected hour | Bird species appear at their feeding-water depth |
| 061 | 061-rose-perfumer.html | A Grasse perfumer's rose accord notebook | Formula notebook | Rose-quartz frosted glass and petal-shaped concentration plots | Petal wheel | Belleza | Libre Franklin | #ED8BB8 #182026 #602C61 #F6DE86 #FFFFFF (rose) | Marginalia | The accord wheel opens a selected ingredient | A fragrance accord displayed as overlapping translucent petals |
| 062 | 062-magenta-microbes.html | A fictional microbial pigment laboratory | Lab notebook | Fuchsia agar plates and clinical dark-plum type | Petri constellation | Space Mono | PT Sans | #E690CE #182026 #F3DAA5 #DAACD2 #FFFFFF (magenta) | Floating constellation | A colony blooms after inoculation | Petri dishes reveal pigment families by colony shape |
| 063 | 063-night-train.html | An imagined sleeper-train reservation from Vienna to Venice | Reservation form | Pure black travel-night reflections and warm amber berth lights | Berth diagram | Yatra One | Merriweather Sans | #000000 #FFFFFF #D7D2EC #E1B866 (black) | Sidebar dominant | A selected compartment light turns on | The form is arranged as a sleeper-car floor plan |
| 064 | 064-paper-sculptor.html | A paper sculptor's cut-and-fold studies | Artist portfolio | White studio light with deep sculptural shadows | Paper relief | Jost | Fira Sans | #FFFFFF #202126 #23458B #AFAFAA #000000 (white) | Masonry | One paper flap opens on selecting a study | Dimensional paper structures cast crisp folded shadows |
| 065 | 065-greyhound-track.html | A retired racing greyhound's adoption profile | Adoption profile | Warm gray felt and long charcoal running silhouettes | Silhouette portrait | Asap Condensed | Overpass | #B5B0AC #182026 #225286 #D26743 #F8F9FA (gray) | Asymmetric split | The dog's illustrated ear perks once | A long horizontal greyhound spans the profile |
| 066 | 066-orange-switchboard.html | A 1930s telephone exchange wiring puzzle | Connection puzzle | Orange switchboard lacquer with braided black cords | Patch panel | Chicle | Hind | #D78436 #182026 #293C74 #88381F #FFF7DD (orange) | Modular matrix | A cord draws between selected matching sockets | The puzzle is a working telephone patch bay |
| 067 | 067-walnut-chairs.html | A Danish walnut chair joinery study | Furniture dossier | Walnut-brown timber shadows and quiet measured forms | Exploded object | Libre Caslon Display | Mulish | #77563E #FFFFFF #E1BE87 #A5BCA7 #FFF6E3 (brown) | Offset diptych | One joint separates on inspection | Chair joints float in aligned exploded view |
| 068 | 068-green-roof.html | A rain garden on a public library roof | Environmental explainer | Leaf-green architectural cutaway and blue retained water | Roof section | Lexend | Catamaran | #A4C477 #182026 #EBD17D #A9D9CB #FFFFFF (green) | Cross-section | Rain fills the retention layer on demand | A roof sliced into living infrastructure |
| 069 | 069-redaction-room.html | An invented archive of erased love letters | Literary zine | Red ink censorship bars and exposed pale-paper fragments | Redacted document | Special Elite | Rubik | #BF263C #FFFFFF #FFD591 #EDB8C1 (red) | Folded spread | A single redaction peels back on reveal | Erased text leaves an entirely new original poem |
| 070 | 070-cyan-rail.html | A model railway interlocking signal panel | Simulation panel | Cyan control enamel and solid black track routes | Signal diagram | Electrolize | Barlow | #8CD4E1 #182026 #133B63 #CA653D #FFFFFF (cyan) | Modular matrix | A train marker follows the selected safe route | Switch positions visibly determine the route |
| 071 | 071-golden-bee.html | A solitary mason bee nesting calendar | Natural history calendar | Ochre pollen dust and precisely bored nesting tunnels | Nest cutaway | Fugaz One | Roboto | #F6DC67 #182026 #173F74 #9A371E #FFFFFF (yellow) | Specimen tray | A bee moves into its selected nesting tube | Each tunnel reveals a different brood stage |
| 072 | 072-amethyst-geode.html | An amethyst geode cut-surface study | Geology placard | Deep violet crystal chambers and silver mineral edges | Crystal field | Caudex | Alegreya Sans | #342052 #FFFFFF #E4C072 #A9C1BE (violet) | Radial | Light glances across a crystal facet once | An enormous hollow geode surrounds its specimen label |
| 073 | 073-blue-hour-pool.html | A municipal night-swimming session pass | Membership pass | Swimming-pool blue caustics and tiled lane numerals | Lane composition | Monoton | Ubuntu | #176CBD #FFFFFF #FFDB79 #F0ADB9 (blue) | Poster-scale single screen | A single ripple crosses the pool pass | The pass becomes one luminous swimming lane |
| 074 | 074-turquoise-kite.html | A two-string kite trim simulator | Interactive toy | Turquoise open sky and angular sail geometry | Wind vector | Kanit | Arimo | #78C6BB #182026 #EDC87C #F0A997 #E4F6EE (teal) | Diagonal | The kite leans with the trim control | A kite's bridle lines are the actual controls |
| 075 | 075-pink-punch.html | A punch-card knitting pattern for a pink scarf | Pattern editor | Bubblegum wool loops and bold mechanical perforations | Punch-card grid | Varela Round | Noto Serif | #B95075 #FFFFFF #602C61 #F6DE86 (rose) | Magazine grid | The knitted preview updates along one row | Editable punch holes become a visible knitted pattern |
| 076 | 076-orchid-auction.html | A fictional orchid society conservation fundraiser | Auction catalog | Orchid-purple botanical drama and ivory vellum silhouettes | Specimen drawing | Gloock | Source Sans 3 | #782260 #FFFFFF #F3DAA5 #DAACD2 (magenta) | Masonry | One orchid petal opens on lot selection | An orchid flower frames each lot's conservation purpose |
| 077 | 077-black-vinyl.html | An original dub seven-inch record with an echo machine | Playable record | Pure black vinyl grooves with silver and mango printed labels | Record disc | Archivo Narrow | Nunito Sans | #000000 #FFFFFF #D7D2EC #E1B866 (black) | Amphitheater | The record spins only while generated audio plays | A label-mounted echo control changes the sound |
| 078 | 078-white-sundial.html | A paper sundial for a sunny windowsill | Printable instrument | Pure white mathematical origami with ink-blue shadows | Shadow experiment | Montserrat | Lato | #FFFFFF #202126 #23458B #AFAFAA #000000 (white) | Marginalia | The shadow moves with the hour control | A printable gnomon rises from the dial |
| 079 | 079-silver-fish.html | A sardine cannery packing-line archive | Industrial archive | Silver-gray tin embossing and fish-scale tessellation | Can composition | Figtree | IBM Plex Sans | #B9C2C7 #182026 #225286 #D26743 #F8F9FA (gray) | Horizontal scroll | The can lid curls back once | An opened sardine tin holds the entire archive |
| 080 | 080-ember-forge.html | A blacksmith's heat-color reference for steel | Reference chart | Ember-orange furnace gradients and soot-free dark burgundy text | Temperature spectrum | Saira Stencil One | Nunito | #F59B44 #182026 #293C74 #88381F #FFF7DD (orange) | Full-bleed single column | A steel bar changes heat color with the slider | Temperature is experienced as a glowing full-width bar |
| 081 | 081-brown-sound.html | An original low-frequency sound sculpture | Sound installation | Sepia acoustic felt and sculptural sine-wave mass | Wave sculpture | Abril Fatface | Karla | #83644D #FFFFFF #E1BE87 #A5BCA7 #FFF6E3 (brown) | Amphitheater | A wave oscillates only after audio starts | A tactile waveform looks carved from acoustic felt |
| 082 | 082-emerald-maze.html | A formal hedge maze inspired by garden knots | Playable mini-game | Emerald velvet hedges and pale gravel paths | Game board | Josefin Sans | Public Sans | #176041 #FFFFFF #EBD17D #A9D9CB (green) | Poster-scale single screen | The player leaves a short-lived dew trail | A hedge knot serves as the playable maze |
| 083 | 083-crimson-firebird.html | A fictional 1926 production of The Firebird | Ballet poster | Crimson theatrical gouache and gold feather wedges | Oversized emblem | Poiret One | Noto Sans | #94172D #FFFFFF #FFD591 #EDB8C1 (red) | Diagonal | A feather fan flares once | The firebird's tail is made from performance typography |
| 084 | 084-cyan-cloud.html | A cloud-chamber particle-trace experiment | Science toy | Icy cyan vapor gradients and deep cobalt laboratory lettering | Live canvas | Tomorrow | Open Sans | #B3E6ED #182026 #133B63 #CA653D #FFFFFF (cyan) | Full-bleed single column | A burst of particle tracks appears on demand | Branching vapor trails differentiate particle behavior |
| 085 | 085-yellow-sub.html | A fictional bathyscaphe interior systems brief | Control dossier | Safety-yellow submarine enamel and circular depth instruments | Analog dial | Black Ops One | Source Serif 4 | #E5B82D #182026 #173F74 #9A371E #FFFFFF (yellow) | Sidebar dominant | A ballast gauge settles after a depth command | A porthole doubles as a depth-pressure dial |
| 086 | 086-violet-braille.html | A tactile alphabet braille learning pad | Accessible learning tool | Light violet embossed paper with deep ink-purple letterforms | Tactile grid | Atkinson Hyperlegible | Libre Franklin | #E4DAF5 #182026 #E4C072 #A9C1BE #FFFFFF (violet) | Specimen tray | Raised dots compress once when a letter is chosen | A giant six-dot cell mirrors the typed letter |
| 087 | 087-blue-sails.html | A sailmaker's triangular sail-cutting plan | Workshop plan | Sail-blue drafting cloth with broad seam geometry | Measured drawing | Arvo | PT Sans | #B8D1F0 #182026 #FFDB79 #F0ADB9 #FFFFFF (blue) | Diagonal | A sail panel fills with wind on trim | The whole page is divided by the sail's seams |
| 088 | 088-lagoon-lights.html | An imagined bioluminescent lagoon observation diary | Observation diary | Deep teal photographic-feeling nocturnal water and silver cyan sparks | Live canvas | Averia Serif Libre | Merriweather Sans | #093C43 #FFFFFF #EDC87C #F0A997 #E4F6EE (teal) | Floating constellation | One hand-triggered disturbance lights the water | Bioluminescent ripples reveal diary observations |
| 089 | 089-rose-archway.html | A pink Jaipur stepwell spatial study | Architecture study | Faded rose stone with nested shadowed arches | Architectural model | Eczar | Fira Sans | #E2A8A1 #182026 #602C61 #F6DE86 #FFFFFF (rose) | Stacked panels | A sun angle changes one staircase shadow | A stepwell descends through the screen in nested terraces |
| 090 | 090-purple-protest.html | A fictional neighborhood campaign to save a public laundrette | Manifesto | Purple protest ink and pink washing-machine circles | Giant type | Rubik Mono One | Overpass | #71328C #FFFFFF #F3DAA5 #DAACD2 (magenta) | Poster-scale single screen | A drum spins the campaign's demands into view | Demands appear inside a giant washing-machine drum |
| 091 | 091-black-morse.html | A Morse-code lighthouse signaling station | Communication toy | Absolute black night sea with white beams and warm brass controls | Light beacon | IBM Plex Sans Condensed | Hind | #000000 #FFFFFF #D7D2EC #E1B866 (black) | Offset diptych | The lighthouse flashes the entered message | Text becomes a correctly timed light signal |
| 092 | 092-white-kintsugi.html | A ceramic bowl's repair and visible kintsugi seam | Conservation record | White porcelain relief with honest gold fissures | Single object | Noto Serif JP | Mulish | #FFFFFF #202126 #23458B #9B711C #000000 (white) | Marginalia | A gold repair seam traces once | A broken bowl becomes a map of its repair |
| 093 | 093-gray-rain.html | Rain collected on seven London rooftops in a sample study | Data sculpture | Rain-gray overcast gradients and dark drainpipe geometry | Rain columns | Manrope | Catamaran | #8D9CA8 #182026 #225286 #D26743 #F8F9FA (gray) | Magazine grid | One rainfall event fills the collection columns | Each roof shape pours into its own measuring cylinder |
| 094 | 094-tangerine-festival.html | An imagined Valencia orange-peel design festival | Festival landing page | Tangerine peel curls and Mediterranean cobalt block lettering | Spiral sculpture | Rammetto One | Rubik | #F5A038 #182026 #293C74 #88381F #FFF7DD (orange) | Asymmetric split | A single orange peel uncoils | The festival program is written along a peel spiral |
| 095 | 095-umber-library.html | A bookbinder's repair of a water-damaged atlas | Restoration log | Burnt-umber leather grain and folded map fragments | Book object | Crimson Pro | Barlow | #5C3B29 #FFFFFF #E1BE87 #A5BCA7 #FFF6E3 (brown) | Folded spread | A repaired page turns on selecting a stage | The restoration log is bound into the atlas itself |
| 096 | 096-green-teletype.html | A fictional 1962 botanical expedition's teletype report | Dispatch archive | Pale green continuous paper with dark forest sprocket rails | Paper feed | Courier Prime | Roboto | #D4E2C8 #182026 #EBD17D #A9D9CB #FFFFFF (green) | Horizontal scroll | One original dispatch types on request | Botanical messages emerge from tractor-feed paper |
| 097 | 097-scarlet-wax.html | A wax seal maker's monogram configurator | Configurator | Scarlet sealing wax with engraved pale-metal tools | Seal impression | Bowlby One SC | Alegreya Sans | #B32439 #FFFFFF #FFD591 #EDB8C1 (red) | Floating constellation | The stamp presses once to set the monogram | Custom initials embossed in an irregular wax pool |
| 098 | 098-aqua-locks.html | A canal lock's water-level mechanism | Interactive model | Aqua water planes and pale concrete architectural sections | Mechanical diagram | Titillium Web | Ubuntu | #A9E2E4 #182026 #133B63 #CA653D #FFFFFF (cyan) | Stacked panels | The lock fills and lifts the boat | A two-gate canal chamber teaches level equalization |
| 099 | 099-black-meteor.html | An imagined meteor-watching field notebook | Observation log | Pure black star chart with white chalk and muted lilac annotations | Sky chart | Spectral | Arimo | #000000 #FFFFFF #D7D2EC #E1B866 (black) | Horizontal scroll | One meteor crosses the selected radiant | A meteor trail becomes the notebook's reading line |
| 100 | 100-white-interval.html | A one-minute silence composition for a crowded day | Contemplative page | Pure white empty space and a single graphite interval | Single sentence | Work Sans | Noto Serif | #FFFFFF #202126 #23458B #AFAFAA #000000 (white) | Magazine grid | A graphite line completes one quiet minute | The page ends with a line exactly one minute long |

## Review before HTML

All 100 rows were re-read before implementation. The visual comparison considered silhouette, content structure, typography, material treatment, and interaction, not only palette. Similar subject families have different compositions: the fungal underside uses marginal notes, cyanotype specimens form an exposure-paper mosaic, and the orchid catalog uses botanical auction lots; the black pages separately use orbital geometry, eclipse cones, contact sheets, lensing, sleeper compartments, vinyl, lighthouse signals, and meteor logs.

Changes made during this review:

- **083:** Corrected “Opera poster” to “Ballet poster” and renamed the file `083-crimson-firebird.html`. The Firebird is a ballet.
- **092:** Added `#9B711C` to the palette so the memorable gold repair seam is explicitly supported.
- **019, 023, 052, 066, 093:** Changed the base foreground from white to `#182026` for readable contrast against their medium-value backgrounds.

Quota audit: **100** distinct subjects; **96** page types; **100** display families, each used once; **25** body families, each used four times; **14** background hue families, at most eight uses; **76** hero devices, at most four uses; **20** layout archetypes, at most six uses. Every base foreground/background combination exceeds 4.5:1 contrast. Hue family is recorded alongside the palette for an auditable count. Textures, patterns, mid-tones, saturated colors, gradients, pure black, and pure white are explicitly distributed through the directions.

## Changes during implementation

- **037:** Changed the subject from a “variable type foundry” to a “type foundry” and the motion from weight “morphing” to weight “changes.” Barlow is delivered as nine static font weights through the Google Fonts endpoint used here, so the specimen accurately selects those weights without claiming continuous variable-font interpolation. The assigned fonts, palette, layout, and hero are unchanged.

No other manifest rows changed during implementation. Row 073’s visible page title became “Night Swim” to distinguish it from the jazz poster’s “Blue Hour”; its manifest subject and direction already describe night swimming and required no revision.


## Final verification

The required pre-gallery command `ls ./hundred/*.html | wc -l` returned **100**. All 100 table rows were reconciled with their filenames before `index.html` was created. The finished directory contains **100 numbered pages plus one gallery**.

All numbered pages passed inline JavaScript parsing and browser rendering at 1440px and 360px. Both assigned font families loaded on all 100 pages. A separate local-file sweep blocked external requests, enabled reduced motion, and exercised 391 controls across all 100 pages without JavaScript errors or horizontal document overflow after the final fixes. Automated contrast, form-label, and accessible-name checks passed. The gallery has 100 direct links and embedded previews, with search, category filters, reset, and random selection verified.

All 100 desktop and mobile first views were compared visually. The final comparison distinguished the two blue event headings and corrected a collapsed radio dial and a menu-header overlap on narrow screens. No duplicated files or repeated visual identities were found.