DeepSeek v4.1 Flash 1017 100 HTML Files

Design a single-page site for a fictional "atmospheric light studio" called Aurora Veil. The feeling is cold northern light trapped inside frosted glass: a near-black midnight background, enormous soft aurora ribbons of teal, violet and rose drifting behind a centered hero, and a floating glass instrument panel that reads the "current atmosphere". Use an oversized editorial sans headline ("Light, suspended.") with the final word in an elegant italic serif, tight and cinematic. Add a slim glass navigation pill, a live clock and aurora index inside the panel, three "study" cards below the fold, and a slow ticker of poetic phrases at the bottom. Everything must feel expensive, quiet and luminous — generous negative space, hairline borders, inner highlights, film grain, no clutter. Colour palette: #05070f ink, #5ef2d6 teal, #8c7bff violet, #ff7ac8 rose, #eef2ff cream. Type: system grotesque with Palatino/Georgia serif italic accents. Animations should be slow (12–24s drift), never bouncy. Fully responsive, single self-contained HTML file, inline CSS and JS, no external assets.

Create a brutalist typographic specimen page for a fictional neo-grotesque typeface called MONOLITH. It must feel like a printed type catalogue from an uncompromising foundry: warm off-white paper (#efede4), hard black ink (#121212) and one acid accent (#d8ff3e), with visible grid rules, monospaced metadata labels and enormous display type that bleeds toward the edges of the page. The hero is a single word "GROTESK" set at roughly 15vw with tight negative tracking; controls let the viewer adjust its width and letter-spacing live, switch to an inverted ink/paper scheme, and click any glyph in a full A–Z 0–9 inventory to replace the hero character. Include a black marquee manifesto strip, a letter-anatomy plate with dashed measurement callouts, a specification table, and a colophon footer. No rounded corners except the pill control, no gradients, no soft shadows — only mass, counter and silence. Fully responsive single file, inline CSS and JS, no external fonts or assets.

Design a neumorphic "calm technology" control surface called Haptic, presented as a single sculpted device floating on a pale, dotted studio backdrop. The palette is cool porcelain (#e8ebf2) with warm coral, mint, sky and lilac accents; every control is extruded from the same material with paired light and dark shadows, generous radii and no hard borders. The device contains a large rotatable dial with a glowing inset ring, three tactile toggle switches, four mood presets (Calm, Focus, Warm, Night), and a soft oscilloscope canvas whose wave amplitude follows the dial. Include a small brand header, a right-hand live readout ("state / intensity / tone"), and quiet microcopy. The mood should be closer to a Dieter Rams appliance than a toy: restrained, tactile, premium. Fully responsive, one standalone HTML file, inline CSS and JS, no external assets.

Build a dark, instrument-grade tide observatory dashboard for a fictional North Sea station called TIDAL 07. The palette is deep ocean navy (#07131f), panel ink (#0d1f2d), bioluminescent aqua (#7ee8d5) and sand (#f2b880), with crisp off-white type. It should feel like a scientific buoy console redesigned by a luxury studio: hairline grids, tiny monospaced labels, one enormous editorial headline ("North Sea, translated."), a live UTC clock, station coordinates, and a large interactive tide-height chart. Add a 24H / 7D / 30D range switcher that redraws the curve with a stroke-draw animation, a hover crosshair with a floating tooltip, a pulsing live marker, a circular tide clock, and three telemetry cards with sparklines. The composition must stay legible and beautiful on mobile. Single self-contained file, inline CSS/JS/SVG, no external libraries, fonts or images.

Design an editorial print-magazine spread about orbital mechanics, titled "The Orbital Almanac". It should look like a beautifully printed quarterly: warm cream paper (#f2ede1), dense black serif text (#1c1b17), rust orange (#ae4b2a) and ink blue (#26485c), double rules, drop caps, justified columns, tiny tracked sans-serif captions, and an oversized serif headline "The long way around." with an italic rust accent. The spread includes a masthead, contents bar, a lead essay in three justified columns, a pull quote, an "Almanac for October" table of celestial events, a small moon-phase plate, and an interactive SVG orrery with four planets travelling along elliptical paths. The orrery must feel like an antique scientific plate redrawn by a contemporary art director: hairline ellipses, a glowing rust sun, small numbered planets and a caption that changes when a planet is hovered. Include a "hold the orbits" control that pauses the motion. Fully responsive, one standalone HTML file, inline CSS/JS/SVG, no external fonts, images or libraries.

Build a cinematic cyberpunk night-market landing page called "Neon Rain", set in a fictional Sector 09. The mood is rain-soaked Tokyo alley at 2am: near-black purple sky, hot magenta, electric cyan and a single acid-yellow accent, wet asphalt reflections, layered building silhouettes, and a large vertical neon sign. The hero carries an oversized glitch headline "NEON RAIN", a small uppercase transmission line, a glowing "Enter the market" button, and HUD-style corner metadata. Rain must fall on a full-screen canvas with wind and depth; clicking anywhere triggers a lightning flash and swaps the transmission text. Add a scanline/flicker overlay, a slow marquee of market announcements, and a below-the-fold directory of three neon stalls. Fully responsive, one standalone HTML file, inline CSS/JS/SVG only, no external fonts, images or libraries.

Create "Bloom Lab", a refined generative-botany experiment presented as a premium editorial playground. Warm paper background (#f6f1e7) with graph-paper grid, deep botanical green ink (#1d3a2f), coral (#d96a4a) and soft meadow colours. Split layout: on the left, a laboratory title "Grow something improbable." in a large serif with an italic coral accent, a short artist's note, specimen count, and elegant controls — petal-count slider, three palette swatches (Meadow, Ember, Dusk), a wind toggle and a "Plant a specimen" button. On the right, a tall canvas field with hand-drawn stems, leaves and multi-petal flowers that grow on click and sway gently in the wind. Add a pressed-flower caption card and a "field notes" footer. It must feel like a design museum's interactive exhibit, not a toy. Fully responsive, one standalone HTML file with inline CSS and JS, no external assets.

Create a high-fashion identity-studio landing page for a fictional brand called FLUID. The aesthetic is liquid chrome on graphite: a near-black (#0a0a0d) gallery-like space, mirror-polished silver gradients, one tiny acid-chartreuse signal, and an enormous metallic wordmark. The hero features the statement "Form follows fluid." set in a tight grotesque with a chrome gradient and a small italic serif counterpoint, plus a living SVG metaball sculpture made of five merging chrome blobs that drift organically and lean toward the cursor. Add a circular rotating micro-label, a live "state / viscosity" readout, a manifesto section, and three project index rows that flood with a chrome sweep on hover. Every surface should feel machined and expensive; no colour except silver, black and one acid accent. Fully responsive, one standalone HTML file, inline CSS/JS/SVG, no external assets.

Create a scroll-driven kinetic typography experience for an original poem titled "Small Weather — a poem in six movements." The design is Swiss-editorial meets contemporary art book: warm cream paper, near-black ink, vermilion red and deep petrol blue, with enormous grotesque lines (up to 8vw), italic serif accents, hairline rules and a fixed vertical index of the six movements. Each movement occupies a full viewport, uses a different alignment and a single abstract shape — a red disc, a blue horizon bar, an outlined circle, a rain of thin rules — and its lines rise into place as it enters view. Include an opening title spread, a scroll progress rule at the very top, active-movement tracking in the rail, and a closing colophon. Fully responsive, one standalone HTML file with inline CSS and JS, no external fonts, images or libraries.

Create a luxury product page for a fictional desk sculpture called "Obsidian", Object 01 from the Obsidian Atelier. It should feel like a collectible design catalogue: warm near-black (#14120f), bone white (#efe9dd), and brushed gold (#c8a25a), with an oversized Didone-style serif headline "Nothing to prove." and restrained grotesque microcopy. The hero features a CSS-built 3D obsidian slab — polished, faceted, with a hairline gold edge and a soft reflected shadow — that the visitor can drag to rotate, with keyboard arrows and a live angle readout. Add edition details, a weight/silence/light triptych, a specification band, a quiet "Acquire" interaction that acknowledges the reservation with an inline note, and a slow reveal on scroll. No external images: the object must be made entirely from CSS gradients, transforms and pseudo-elements. Fully responsive, one standalone HTML file, inline CSS and JS.

Create a warm, sunlit interactive sundial study titled "Helio". The page should feel like a Mediterranean astronomy atelier: sand-coloured paper (#f3e7d0), deep umber ink, ochre and burnt orange, with an oversized serif headline "The sun keeps better time." The layout pairs editorial copy and a solar-time readout on the left with a large interactive sundial on the right. The sundial is an SVG instrument: concentric circles, Roman hour numerals, tick marks, a triangular gnomon and a long shadow line that rotates as the visitor drags around the dial or moves a time slider. A small sun travels along the day arc; a readout shows the hour, solar elevation and the equation of time. Include a trio of field notes, coordinates, and a "return to now" control. Fully responsive, one standalone HTML file with inline CSS and JS, no external fonts or images.

Create a full-viewport generative star-field experience called "Nocturne". On load, thousands of tiny stars form the word "NOCTURNE" across a deep midnight sky, then drift slowly; a few nearby stars are joined by faint cyan constellation lines. Moving the pointer repels the nearest stars and clicking them sends a ripple through the field before it reforms. The composition is cinematic and minimal: an index at the top, a large editorial statement "We are made of old light." in the lower left, and a small technical readout in the lower right. Palette: near-black navy (#04060d), starlight ivory (#e4ebff), a single warm amber star and pale cyan lines. Use a monospaced scientific vocabulary, a serif italic accent and very restrained UI. The canvas must be the hero. Fully responsive, one standalone HTML file with inline CSS and JS, no external libraries, images or fonts.

Design an energetic risograph-printed zine spread called "Misprint", a fictional quarterly about small printing accidents. Palette: warm newsprint cream, fluorescent pink (#ff4f7e), riso blue (#2f6fdb) and black, with visible halftone dots, overprint blend modes, registration marks and slightly rotated layers. The masthead reads "RISOGRAPH QUARTERLY / ISSUE 09". The cover story is titled "Misprint" in enormous condensed type, printed twice in pink and blue with a deliberate offset; a halftone sun/circle sits behind it. Include a live "misregistration" slider that separates the ink layers, a "re-print" button that randomises the offsets, a taped-on sticker, a short editorial column, and a back-page colophon. It should feel handmade and energetic, but designed with real typographic care. Fully responsive, one standalone HTML file, inline CSS/JS only, no external fonts, images or libraries.

Create "Abyss", a dark hydrographic atlas page that maps the seafloor as a piece of data art. Palette: near-black teal (#041619), deep panel (#06252a), pale seafoam text (#cfe9e3), bioluminescent teal contours (#5ad1c1) and a single coral marker (#ff8a5c). The hero pairs an editorial left column — title "The map beneath the map.", a large live depth readout, a depth slider and a "Dive" button — with a wide SVG bathymetric chart on the right, built from dozens of hand-generated concentric contour lines around three seamounts, faint graticule lines, soundings and station markers. A glowing depth horizon sweeps down the chart as the slider moves. Below, a four-zone depth band (Sunlight, Twilight, Midnight, Abyss) highlights the current zone and describes its life and temperature. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external assets.

Create an interactive kinetic-art page called "Marble Run": a single elegant marble track drawn in SVG, spanning a full-viewport cream stage with bold cobalt, vermilion, mustard and black accents. The track should have sweeping curves, a loop and a long final descent, rendered as a deep groove with a thin bright centre line, supported by slender posts and soft shadows. Clicking anywhere releases a coloured glass marble that accelerates along the path, leaving a faint trail; multiple marbles can run at once. Include a small editorial masthead ("A study in gravity, taking its time"), a counter of marbles released, a speed toggle and a reset. The composition should feel like a museum kinetic sculpture poster: generous space, confident geometry, joyful colour. Fully responsive, one standalone HTML file, inline CSS/JS/SVG, no external libraries, fonts or images.

Design "Bauhaus Spiel", an interactive geometric composition playground in the spirit of the Bauhaus poster tradition. Paper cream, hard black ink, and the three canonical primaries — red, blue and yellow — applied as flat, overprinted shapes. The page is arranged like a studio workbench: a compact masthead, a left tool rail for choosing circle / square / triangle / rule and selecting one of the four colours, and a large stage with a curated initial composition and oversized typography. Visitors click the stage to stamp a new shape, drag any shape to reposition it, and double-click one to remove it. Overlapping shapes use multiply blending to feel printed. Include a "recompose" button that rearranges the curated layout, a live object count, and a short manifesto footer. Fully responsive, one standalone HTML file with inline CSS/JS, no external assets.

Create a meditative interactive zen garden called "Karesansui". The page is almost entirely a raked sand canvas: warm sand (#e8dfca), fine grooves in shadow and light, three irregular stones, a patch of moss, and a single vermilion seal for contrast. The interface is minimal — a small masthead, a vertical Japanese title, a quiet instruction, and one reset control. Dragging across the sand should carve new rake lines that follow the pointer with several parallel tines, while the initial composition shows concentric rings around each stone, interrupted naturally. Include a slow breathing indicator, a short note on karesansui, and a footer. Typography: restrained serif and wide-tracked monospace; no bright interface colours. Fully responsive, one standalone HTML file with inline CSS/JS, no external assets.

Create a fictional retro-futurist terminal experience: a CRT console for the deep-space probe ECHO-7, stranded at the edge of the solar system. A near-black room with a faint star field and a phosphor-green terminal window (with subtle glass curvature, scanlines, glow and occasional glitch). The boot sequence types itself: handshake, telemetry checks, a cryptic line from the probe. Visitors can type real commands — help, status, scan, signal, log, whoami, artifact, clear — with typed responses, a blinking block cursor and command chips for the curious. A right-hand side panel shows telemetry (distance, signal delay, power, hull) and an analog signal meter. The terminal must be genuinely interactive, not a screenshot. Fully responsive, one standalone HTML file, inline CSS/JS, no external fonts, images or libraries.

Create a botanical specimen-book page titled "Herbarium of Letters" where each letter of the alphabet is presented as a pressed plant. Palette: pale sage paper (#eef0e5), deep forest ink (#22331f), terracotta (#b45f3f) and antique gold (#c9a24b). The main plate shows a huge serif capital surrounded by an SVG botanical arrangement — curved stems, alternate leaves and small five-petal flowers — generated from the letter's character code, with a hand-numbered specimen label. A second column carries the title "Letters, pressed.", a short essay, and a 26-letter index; clicking a letter re-draws the plate, changes the Latin-style specimen name and animates the leaves. A "press this specimen" action adds the letter to a small herbarium list and stamps the plate. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create a Swiss-modern interactive colour study called "Chroma Field". The page is a controlled composition: a narrow left control column and a large 8 × 6 field of flat colour tiles separated by hairline gaps, with oversized typography overlapping the grid in difference blend mode. Palette sets are sophisticated rather than primary — Terrain (forest, sage, sand, rust, bone), Salt (chalk, pale blue, slate, ink), Ember (oxblood, clay, apricot, smoke) and Nocturne (indigo, violet, moss, cream). Visitors choose a palette, click or drag across tiles to paint them, hover to read the hex and coordinates, and "shuffle the field" to generate a new harmonious block composition. Include a live selected-colour readout, a field count, and a short note about Josef Albers-style colour relationships. Fully responsive, one standalone HTML file with inline CSS/JS, no external assets.

Create a full-screen interactive light painting called "Aura". A near-black space holds soft additive plumes of colour that bloom from the cursor as it moves, drifting and fading like smoke seen through a lens. Three palettes — Aurora (teal, violet, rose), Ember (amber, coral, red) and Tidal (blue, aqua, white) — can be switched live. The interface is minimal and editorial: a small masthead, one oversized serif statement "trace the air." in the lower left, a palette switch and clear control in the lower right, and faint field notes at the edges. On load a gentle pre-drawn plume should make the screen feel inhabited. Add a subtle grain and vignette so the colour feels photographic. Fully responsive, one standalone HTML file with inline CSS/JS, no external assets.

Design a playful, premium portfolio page for a fictional design studio called TERRZO®, inspired by terrazzo: a warm cream page scattered with irregular coloured chips, thick black rules, chunky friendly typography and rounded panels. Palette: cream, ink, coral, mint, cobalt, butter and lilac. The hero says "We make joyful things." with coloured highlight blocks and a hand-drawn underline; beside it sits a large terrazzo tile built from dozens of irregular CSS chips, with a rotating circular badge. Add three asymmetric project cards, a colourful marquee, a "throw confetti" interaction that releases paper chips across the screen, and a generous footer. It must feel like a bright, confident independent studio — not a children's page. Fully responsive, one standalone HTML file with inline CSS/JS, no external assets.

Create a scroll-driven descent through the ocean's depth zones titled "Descent". The page starts in dark teal surface water and grows darker as the visitor scrolls, ending in near-black hadal space. A fixed sensor panel shows the current depth, zone, pressure and temperature, updating with scroll; a vertical depth rail marks 0, 1,000, 4,000 and 8,000 m. Five full-height narrative sections — Surface, Twilight, Midnight, Abyss, Hadal — carry poetic copy, scientific asides and a glowing bioluminescent creature drawn inline in SVG (jellyfish, lanternfish, anglerfish, siphonophore, amphipod). Add drifting marine snow, a sonar ping button that emits a ripple and surfaces a note, and an ending that returns to the surface. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external assets.

Design a quiet, tactile landing page for a fictional travel studio called "Paper & Distance". The aesthetic is folded paper: warm off-white and cream stock, indigo ink, a single vermilion accent, and soft shadows at every crease. The hero says "A simpler way to get there." in a large editorial serif with an italic indigo phrase, beside a hand-folded paper plane drawn in SVG, floating above a dotted flight path. Clicking "Launch the plane" sends it along a gentle arc; the message updates when it lands. Below, three folded-paper cards (Pack light / Go slowly / Write it down) can be unfolded to reveal a sentence; a route diagram with dashed lines and stamped stops closes the page. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external assets.

Create a cinematic film-noir title page for a fictional 1948 film called "The Last Light". Almost monochrome: black, smoke grey, bone white and one deep blood red. A huge high-contrast serif title dominates the frame, with "LIGHT" in italic and an outlined ghost duplicate offset behind it. A single warm spotlight rakes across the page and follows the pointer; venetian-blind shadows fall diagonally over the title; film grain, gate weave, and a faint projector flicker animate the whole frame. Include a studio credit, director and cast block, a red certification stamp, a runtime/rating line, and a bottom programme strip with three screening times. A "house lights" button dims the spotlight and toggles a brighter, colder version of the scene. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Design a light, premium bento-grid dashboard for a fictional design studio called Northstar. Off-white canvas, ink-black type, hairline borders and four soft accent washes — lime, lavender, peach and mint. The header greets the user by name with a large serif line and a date. The grid mixes one large revenue card with an inline SVG area sparkline and a 7d / 30d / 90d switcher, a circular project-pulse card, a checklist card with three real toggles, a weekly bar chart, a team card with initials avatars, and a small studio note. Rounded 18px cards, restrained shadows, generous padding, monospaced labels and one vivid lime highlight. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external assets or fonts.

Create an atmospheric full-screen desert study called "Dune Study 03". Five layered dunes, a low sun, a dust haze and a single line of type: "The quiet is a place." The palette shifts between three hours — Day (pale sand, bleached blue sky), Dusk (burnt orange, rose and violet) and Night (indigo, silver sand and a small moon) — via one button. Dunes respond to pointer movement with gentle depth parallax and have soft grain and a dry heat shimmer. Typography: an oversized editorial serif statement in the lower left, a small location label, and a scientific monospaced caption. Include a compact header, a footer strip with coordinates and temperature, and no other interface clutter. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create a vaporwave mall landing page called "SUNSET MALL", set in a permanent 1987 sunset. A pink-to-violet sky, a huge striped sun, a purple perspective grid floor stretching to the horizon, dark palm silhouettes, chrome display type and magenta/cyan neon. The hero reads "SUNSET MALL" in a polished chrome gradient with an italic serif "open late, forever" underneath. Include a small header with VHS timestamp, a paired CTA ("Enter the mall" and a neon lights toggle), three storefront cards (Cinema 3, Food Court, Arcade) with neon borders, a marquee strip of announcements, and a VHS playback bar. Toggle the neon to dim the scene and reveal a "closed" state. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create an elegant horology study called "Calibre 07". Deep forest-green background, warm brass and ivory, a faint workshop spotlight and a large mechanical clock assembly built entirely in SVG: three interlocking brass gears with visible teeth, a chapter ring with sixty hand-drawn ticks, Roman-hour markers, and hour, minute and second hands showing the real local time. The left column holds the title "A machine for noticing.", a short essay on mechanical time, and small readouts for amplitude, beat and power reserve. Two controls — "Wind" and "Stop the escapement" — let the visitor speed up the gear train or pause it. Include a serial number, a poinçon mark and a quiet footer. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external assets.

Create a sumi-e ink painting studio called "Sumi — one breath, one line." Warm rice paper, black ink, a single vermilion seal, and generous empty space. The page is a single sheet: a small masthead, a large hand-painted ensō circle and a branch with leaves already on the paper, a vertical haiku, and a red hanko stamp. Visitors can drag anywhere on the paper to paint ink strokes with taper and bleed; a brush-size slider changes the weight, "Enso" paints a fresh circle, and "New sheet" resets to the opening composition. The canvas should feel absorbent — soft edges, tiny splatters, fibres — not like a digital marker. Typography mixes a restrained serif title with vertical Japanese-style text and tiny monospaced notes. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create a playable retro-futurist synthesizer called CHROMA-4 inside a luxurious hardware panel. Dark charcoal and brushed graphite, warm ivory labels, and twelve luminous pads in coral, amber, mint, cyan, violet and rose. The layout: a logo header with power LED, a large oscilloscope canvas, three slim hardware faders (cutoff, resonance, tempo), a 4×3 pad grid with note names and keyboard hints, a sixteen-step sequencer strip, transport controls, and small engraved serial numbers. Clicking a pad plays a real synthesized note via WebAudio, lights the pad and animates the scope; the sequencer can run patterns at variable tempo, with a moving playhead. Everything must be usable and beautiful on mobile. Fully responsive, one standalone HTML file with inline CSS/JS, no external libraries, fonts or audio files.

Create an elegant lunar almanac for October 2026. Deep midnight-blue paper with a faint star field, ivory type, silver moons and a single antique-gold accent. The layout is a large seven-column calendar whose day cells contain real moon-phase drawings, paired with a detail panel showing a big rendered moon, its name, illumination percentage, moonrise and moonset, and a short note. Below, a row of four principal phases (new, first quarter, full, last quarter) with dates. The moon must be rendered from actual lunar phase maths on canvases — a shaded sphere with a terminator, not a flat icon — and clicking any day redraws the large moon and updates the data. Include a "Return to tonight" control and an almanac header with location and coordinates. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create "AXIS", a variable-type playground with the energy of a type foundry lab. Near-black background, warm cream type and a single hot-red accent, with fine grid lines and monospaced instrumentation. The hero is an enormous word — "MORPH" — whose weight, width, letter-spacing, slant and optical size can be changed live with five hardware-style sliders. A control rail on the left includes the sliders, numeric readouts, four preset buttons (Poster, Whisper, Machine, Bloom) and a randomise button. The bottom strip contains a scrollable alphabet and a small essay about variable type. All type transformations must be real CSS (font-weight, scaleX, letter-spacing, skew, font-size), and the stage should show crop marks and baseline guides like a proofing table. Fully responsive, one standalone HTML file with inline CSS/JS, no external fonts or assets.

Create an architectural blueprint page for a fictional modernist house, "House No. 7". Deep blueprint blue paper, pale cyan-white linework, a faint drafting grid, dimension lines with arrowheads, door swings, furniture outlines, a north arrow and a proper title block. The grounded floor plan is the hero, drawn as one clean inline SVG, with four rooms overlaid as interactive hotspots. A slim right-hand specification panel shows the selected room's name, area, ceiling height and a short note, plus a legend for walls, glazing and joinery. A "Show annotations" toggle hides and reveals dimensions, room labels and furniture notes. Include an editorial masthead with project number, scale and revision date. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external assets.

Create a luxury perfume landing page for a fictional house, Maison Orré, presenting "Ambre Noir No. 07". The palette is warm near-black burgundy, antique gold and ivory; the mood is a dim atelier at dusk, lit by one low lamp. The left column carries a small house mark, the fragrance name in an oversized high-contrast serif ("The dark has a warmth."), a note line (bergamot, iris, amber), and a quiet price and CTA. The right side holds a CSS-built glass bottle — amber liquid, gold cap, cream label, edge highlights and a soft reflection — that tilts with the pointer. Clicking "Lift the cap" raises the cap to reveal the atomiser. Below, a three-part composition of top, heart and base notes and a short perfumer's note. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create a full-screen generative sound sculpture called "Resonance". A near-black teal space, concentric rings of cyan, violet and magenta expanding from the pointer, a faint central waveform, and huge editorial type at the edges: "Everything is a wave." The interface is minimal — a small masthead, a bottom control tray with an "Emit" button, a frequency slider, a sound-on toggle and a live readout of hertz and amplitude. Clicking or tapping emits a visible ring and, only if sound is enabled, a soft synthesized tone. Rings drift, interfere and fade like ripples on dark water. The page should feel like an instrument for looking at sound. Fully responsive, one standalone HTML file with inline CSS/JS, no external audio or images.

Create a charming layered paper-cut diorama called "Paper Field". A framed miniature landscape sits on a warm paper background: a pale sky with cut-paper clouds, distant mountains, rolling hills, tiny firs, a cottage with a curl of smoke, and a foreground meadow — each layer a solid paper colour with a soft cut shadow. The left column carries the title "A small world, cut from paper.", a short note and two controls: "Fold the light" (day/night) and "Send a bird". At night the sky deepens, windows glow, stars and fireflies appear, and the scene becomes a lantern. Moving the pointer shifts the layers at different depths. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create a bold op-art interactive poster called "Optical Study 08". A white field of concentric black rings sits under a second layer of fine black stripes set at an angle with difference blending, producing moiré interference. A huge black-and-white typographic block in the lower left reads "MOTION IS A DECISION." in tight grotesque capitals, with a single red index label. Moving the pointer warps and rotates the pattern; a frequency slider changes the ring spacing, an invert button flips the field, and a freeze button stops the slow rotation. The composition should feel like a 1960s kinetic poster redesigned for a screen. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create a dramatic solar observation page called "Helios". On a deep near-black field, a living sun burns: a bright core, orange limb, flickering granulation, arcs of plasma and a corona of fine rays, with particles orbiting and occasionally escaping. The left column carries an editorial statement "The star is not calm." in a high-contrast serif, a short text about solar weather, four live readouts (X-ray class, solar wind, temperature, active regions), an "Activity" slider and an "Eject a flare" button. Clicking the sun triggers a coronal ejection with a shockwave ring and bright particles. The palette is black, ember orange, gold and bone; typography mixes serif display with precise monospaced telemetry. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create a playful hand-drawn sketchbook page for a fictional design practice, "Field Notes, vol. 6". A warm paper spread with a faint blue grid, spiral binding, wobbly pencil borders, highlighter marks, sticky notes and annotation arrows. The left page is an inside cover with three tabs (Home, Studio, Contact), a row of pen-colour swatches, a "Turn the page" button and three draggable sticky notes. The right page shows a different low-fidelity wireframe for each tab: a hero with a big X-box and scribbled headline, a studio page with a portrait doodle and team boxes, and a contact page with an envelope and form fields. Everything should look drawn by a confident hand, not generated by a UI kit. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create a fictional desktop operating system called "Frosted" living inside one HTML page. A deep aurora wallpaper, a translucent glass menu bar, three draggable windows, a weather widget, desktop icons and a magnifying dock. The windows are Studio Notes (a checklist), Now Playing (an abstract album cover, progress bar and controls) and a compact Files window. All surfaces use frosted glass with thin borders and inner highlights; the palette is midnight blue with mint, peach and lilac accents. Clicking dock icons opens, focuses or minimises windows; windows can be dragged by their title bars and brought to the front. The clock is live, the wallpaper can shuffle between three aurora schemes, and a small toast confirms actions. Fully responsive, one standalone HTML file with inline CSS/JS, no external assets.

Create an elegant tarot experience called "The Quiet Arcana". Midnight-blue room, antique gold linework, cream type and a muted wine accent. The left column holds a high-serif title "The cards are in no hurry.", a short invitation, a live reading panel and two actions: Draw a card and Shuffle. The right side holds three large tarot cards fanned across the space, each with an ornate navy-and-gold back and a hand-drawn face for The Sun, The Moon or The Star. Clicking a card flips it in 3D and updates the reading; Draw chooses one at random, Shuffle nudges all three. Add a gold rule frame, small constellation marks, a deck number and a footer. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external fonts or images.

Create an atmospheric "Night Garden" — a dark, enchanted botanical scene that is only fully visible inside a soft circle of light following the cursor. A near-black green backdrop with a low luminous moon, layered hills, tall grasses, strange luminous flowers and drifting fireflies. The whole illustration is drawn inline in SVG and shown twice: a dim base layer and a vivid layer revealed through a radial mask. Large serif type sits low in the frame: "The garden only exists where you look." A slim masthead and a single "Full moon" toggle that widens the light complete the interface. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create a Y2K-inspired product page for a fictional chrome flower called BLOOM™. Soft lilac studio background, a large iridescent gradient orb, faint grid lines, and an eight-petal chrome flower sculpture at the centre. Petals are CSS shapes with polished metallic gradients, a dark edge and a specular highlight; the flower rotates slowly and tilts with the pointer. A huge chrome wordmark "BLOOM" sits behind/above it, with bubble-like supporting text, tiny Y2K interface labels and generous white space. Include a petal-count slider, a spin toggle and an "Unfurl" button that briefly opens the flower and releases sparkles, plus a price and a small collection note. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create an editorial data-art page called "A Year in Petals" that charts a fictional year of weather as twelve radial flower diagrams. Deep ink-green background, warm cream text, chartreuse, coral and pale sky-blue. A left column holds the title "A year, in petals.", a short explanation and a selected-month panel with rainfall, sunshine, mean temperature and a one-line seasonal note. The right side is a 4×3 grid of flowers, one per month; each flower has twelve petals whose lengths encode weekly sunshine and whose colours shift with rainfall. A Sunshine / Rainfall toggle remaps the petal lengths, hovering enlarges a flower, and clicking selects it and updates the panel. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external libraries or fonts.

Create a refined digital cabinet of curiosities called "The Museum of Small Things". Warm museum ivory, deep ink, oxblood and brass; the aesthetic of a quiet natural-history museum with beautiful labels. The layout is a large object stage on the left and a 2×4 cabinet grid on the right. Eight small objects are drawn as fine inline SVG line illustrations — a key, a feather, a shell, a pebble, a seed pod, a lens, a folded letter and a small bell. Hovering an object lifts it; clicking places a large version in the stage and updates a catalogue panel with name, date, material, provenance and a short note. Include a museum masthead, catalogue number, accession stamps and a footer. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create a developer portfolio designed as a modern code editor. A dark IDE window fills the page: mac-style window chrome, a file explorer with four files, tabs, a line-numbered gutter and syntax-highlighted source code that tells the story. Files include about.ts, projects.tsx, contact.json and readme.md; clicking a tab or file loads its code with a short typing reveal. A terminal panel at the bottom responds to a "Run" button, printing a playful output, and the status bar shows branch, language and a live clock. Palette: editor graphite, soft off-white text, violet keywords, green strings, amber numbers and a single coral accent. Fully responsive, one standalone HTML file with inline CSS/JS, no external fonts or libraries.

Create an interactive flow-field artwork called "Wind Made Visible". Warm paper background, fine ink lines, one vermilion accent, and a scientific-instrument interface at the edges. Thousands of short line segments trace a continuously evolving vector field, accumulating into silky wind currents across the page. Moving the pointer bends the field around it; "Gust" briefly increases the wind speed; a density slider adds or removes particles; "Still" pauses the motion. Large editorial serif type sits in the lower left: "Wind, made visible." with a short caption and coordinates. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create a playable neon brick-breaker game presented as a beautiful retro arcade cabinet called "BRICK PARTY". Dark arcade room, magenta and cyan neon, a marquee with chunky pixel-inspired lettering, a glass screen with scanlines, a scoreboard, and a small control panel with instructions. The game itself is complete and playable: a paddle, a ball, five rows of coloured bricks, score, three lives, win and lose overlays, and a start/restart button. Move with the mouse, touch or arrow keys. Add glowing particles when bricks break and a subtle screen shake. Fully responsive, one standalone HTML file with inline CSS/JS, no external images, fonts or libraries.

Create a horizontal-scrolling gallery called "The Long Gallery", composed of six full-height art panels arranged along one long corridor. Each panel is a distinct abstract artwork made only from CSS: Dust (warm beige, a blurred sun, floating translucent planes), Tide (deep blue layered wave lines), Fold (off-white paper polygons with hard shadows), Signal (black with vertical neon bars), Bloom (crimson and pink radial petals) and Return (cream with a glowing arched doorway). Every panel carries a number, title, year and a short curator's note. A slim header shows the gallery name and current room count; arrow buttons and dots navigate; the page scrolls horizontally with snap, or via buttons and keyboard arrows. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create a sun-bleached travel-studio landing page called "Costa Lenta", a fictional slow-travel atelier on the Mediterranean. Warm paper cream, olive green, terracotta, sea blue and ink. The hero pairs an oversized serif headline "Take the long afternoon." with a stack of three illustrated postcards: whitewashed houses above a blue bay, a table of lemons and olives, and a quiet swimming cove. Clicking a postcard brings it to the front, updates the destination caption and shifts the page's accent colour. Include a small itinerary strip with three stops, handwritten annotations, a postage stamp, and a footer. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create a holographic trading-card showcase called "PRISM". Deep blue-black room, faint grid and stars, one 300×430 collectible card floating at the centre with a rainbow foil surface, chrome orb artwork, tiny serial typography, stat bars and a holographic glare that follows the pointer. The card tilts in 3D as the cursor moves and flips to a matte back with specs, a barcode and a manifesto line. Around it, editorial fragments: "PRISM / the card that shouldn't exist", a rarity selector (Holo / Gold / Ice) that changes the foil palette, a Flip button, and small technical captions. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create a serene interactive pond called "Still Water". A full-screen canvas of deep teal water with soft caustic light, lily pads, three slow koi and reed silhouettes. Clicking or dragging the water sends out concentric ripples; a "Rain" toggle adds gentle random droplets; a ripple counter tracks disturbances. Large editorial serif type sits low in the frame: "Drop a stone. Watch the lake remember." with a small scientific caption and controls in cream and pale aqua. The mood is early morning, no wind. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create a futuristic radar interface called "Sentinel / Passive Array 04". Near-black green room, phosphor green and cold cyan, faint grid and scanlines. The layout pairs a left editorial and telemetry column with a large circular radar on the right: concentric range rings, crosshair, bearing labels, a rotating sweep and several contact blips with pulse rings. The left column carries the title "Nothing is empty space." in a severe serif, a short paragraph, range buttons (10 / 25 / 50 km), a Scan button, and a hovered-contact readout. Clicking empty radar adds a contact; Scan regenerates the field; hovering a blip shows its designation, bearing, range and signal. Include a bottom status strip with UTC and array health. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external assets.

Create a minimal white-cube gallery page for a fictional exhibition titled "Still / Life", subtitled "three studies of ordinary light". Pure warm white, black type, one pale grey-green accent, enormous negative space. A fixed museum masthead, a large serif exhibition title on the left, and a framed artwork on the right with a museum label beneath it. Three works can be viewed with quiet arrows: "A window, 6pm" (a soft gradient pane), "A glass of water" (thin ellipses and a shadow) and "A folded cloth" (diagonal tonal folds), each drawn purely in CSS. Add an "Audio guide" toggle that opens a short wall text panel, work numbers, and a footer with dates and opening hours. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create a playful premium candy brand page called "GOO", for translucent gummy bears. Bubblegum pink and butter-cream gradient background, soft blobs, scattered candy dots, a large single gummy bear drawn in SVG with glossy translucent gradients and a sugar highlight, and chunky friendly typography. The left column carries the headline "A softer kind of sweet.", a short note, a flavour selector (Raspberry, Mango, Lime, Grape), a price and an Add to bag button. Selecting a flavour changes the gummy colour, background wash and flavour label with a soft transition; clicking the bear makes it wobble and releases small gummies. Include a bag counter, a strip of three brand promises and a footer. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create a warm, vintage analog synthesizer panel called "Calypso 8". Cream enamel faceplate, walnut side cheeks, burnt-orange accents and dark brown engraving. The panel contains a small green oscilloscope, four large cream knobs (Cutoff, Resonance, Attack, Release) with tick rings and orange indicators, two vertical sliders, a patch bay with six jacks and two curved patch cables, a power switch with an amber lamp, and a fourteen-key keyboard along the bottom. Knobs can be dragged or operated with arrow keys; the oscilloscope waveform responds to the knob values and to keys being played. A "Re-patch" button changes the cable routing colours. Include serial plate and specification notes. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create a minimal, beautiful weather experience called "Meteor". Off-white interface, a large rounded weather window that occupies most of the page, ice-blue and warm-yellow accents, and a refined editorial layout. The window shows a full CSS weather scene — sun, drifting clouds, rain, snow or fog — that changes with the selected city. A left column holds four city tabs (Oslo, Lisbon, Kyoto, Reykjavík), a large temperature, condition line and small details (feels like, wind, humidity, sunset). A bottom strip shows eight hourly temperatures as a tiny bar forecast. A time-of-day slider moves the sun or moon across the scene and shifts the sky gradient. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create an interactive isometric city called "Isoline". A warm peach-to-cream sky, soft clouds and birds, and a detailed isometric city drawn in SVG: eight-by-eight blocks, pastel buildings with three visible faces, tiny windows, trees, shadows and paved lots. Visitors can click any lot to add or raise a building; "New city" regenerates the whole town with a new palette and skyline; a Day / Night toggle lights the windows and deepens the sky. A large editorial headline "A city, one block at a time." sits over the top left, with a small control bar and building count bottom right. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create a full-screen typographic word river called "River". Warm cream background, ink-black type, one cobalt accent. Five horizontal lanes of drifting words move at different speeds and sizes, mixing a high-contrast serif, a tight grotesque and small monospaced phrases. A visitor can type a word into a small input at the bottom; it joins the largest lane as a highlighted word, and the word count updates. Controls pause the current and change its speed. Large editorial framing: "A river of words. / Add one." top left, a short instruction, and a quiet footer. Fully responsive, one standalone HTML file with inline CSS/JS, no external fonts or images.

Create a botanical clock called "Floral Time". A warm paper background, sage green, terracotta, gold and rose; the aesthetic of an antique herbarium crossed with a modern wall clock. A large circular dial contains twelve flowers, one for each hour, arranged around a ring of stems and leaves. The current hour's flower is fully open; the others remain closed buds. A slender second hand shaped like a leaf sweeps the dial, and the hour and minute hands are drawn as stems. The left column carries the title "The hour, in bloom.", a short note, a selected-flower card with name and meaning, and two buttons: "Advance an hour" and "Return to now". Hovering or clicking a flower previews it. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external assets.

Create a cinematic film archive called "Cinémathèque 07" for six imaginary short films. Dark projection room, warm amber light, dust motes and a 35mm filmstrip. A large screen shows the selected film's "still" — an abstract CSS composition rather than an image — with the title overlaid in an elegant serif. Beside or below it, a details panel lists year, duration, director and a one-line note. Beneath the screen runs a horizontal filmstrip with six numbered frames, sprocket holes top and bottom, and the selected frame marked in amber. Buttons step through the reel; "Play the reel" auto-advances every few seconds. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create an antique-modern star atlas called "Celestial Atlas". Deep midnight blue, ivory star marks, gold engraving and a fine circular chart. The layout pairs an editorial left column — title "The sky, indexed.", a short note, a list of six constellations and a details card — with a large circular star chart on the right. The chart has degree ticks, faint coordinate rings, a Milky Way haze, small stars and constellation lines; selecting a constellation highlights it in gold and shows its myth, brightest star and best viewing month. A sidereal-time slider rotates the whole sky; a labels toggle shows constellation names. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create a quiet origami study called "Orizuru — five folds to a bird". Warm paper cream, indigo, vermilion and soft grey. The page is a folding manual: a left column with the title "Everything begins as a flat sheet.", a step counter, the current fold instruction and Previous/Next controls; a large stage on the right showing one square of paper through five stages — flat sheet with creases, triangle, kite, crane base and finished crane. The crane illustration is made from clean polygon facets with shadows and a vermilion accent. A row of five step thumbnails sits below the stage. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create a raw, gallery-grade e-commerce page for a fictional furniture object: BRUT® Chair 01. Concrete-grey paper, hard black rules, safety orange accents and oversized uncompromising typography. The layout is a brutalist product sheet: a giant title "SIT HARD." on the left, a short material paragraph, a specification table, price, and an add-to-bag button; on the right a large product stage with an SVG chair drawn from concrete-grey planes and black edges, dimension callouts, and a raw floor shadow. Include a top navigation with a cart count, an edition number, and a footer. Colour variants (Concrete, Black, Rust) change the chair's palette. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create a neon late-night ramen shop page called "NOODLE//9". Near-black room with hot pink, cyan and warm egg-yolk neon; a vertical flickering sign, a large illustrated bowl of ramen with steam and chopsticks, and a compact menu with four items and prices. The left column carries an oversized outlined headline "Slurp after midnight.", a short late-night note, spice-level buttons and an "Add to order" action with a ticket counter. The bowl reacts to the spice level by shifting broth colour and steam intensity; hovering a menu item highlights it and shows its ingredients. Include a "OPEN 24H" neon badge, a wet-floor reflection, scanlines and a small footer. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create a serene product-style page for a fictional glass terrarium, "Terrarium No. 4". Warm cream background, forest greens, moss, sand and stone, with one soft spotlight. The hero is a large glass vessel drawn in CSS and SVG: transparent dome with highlight arcs, condensation, layered sand and soil, pebbles, ferns, moss and a tiny mushroom. The left column carries the title "A world under glass.", a short note, a conditions panel (humidity, light, temperature) and two controls: "Mist" and "Open lid". Misting animates droplets and raises the humidity readout; opening the lid releases a small paper butterfly and changes the status. Include a care card and a footer. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create a tactile wall calendar called "Ink Calendar" for October 2026. Warm cream paper, black sumi ink, one vermilion seal and soft pencil-grey annotations. A single calendar sheet hangs from a nail by a linen thread, with a large ink-wash mountain and sun illustration at the top, the month set in a generous serif, a seven-column day grid, a narrow margin for handwritten notes and a red hanko stamp. Clicking a day selects it and leaves a small ink dot; the margin note changes to a line for that date. "Tear off the month" animates the sheet falling away and reveals November with a new ink drawing. Include a header, care note about paper and a footer. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create an interactive particle-typography toy called "Swarm Type". Near-black ground, chalk-white and acid-green particles with occasional ember-orange ones, and a huge canvas where thousands of small dots gather into a word. The default word is "FLUX"; an input at the bottom lets visitors set any word or short phrase, and the swarm reforms instantly. Moving the pointer pushes particles aside; "Scatter" explodes them and "Reform" brings them home. The interface is minimal: a small masthead, a statement "A word is a crowd.", particle count, palette buttons and a round input bar. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create a refined music-player page called "The Quiet Hours" for a fictional album of the same name. Deep charcoal room, warm cream type, coral and lavender accents. The player card pairs a square CSS album cover (soft gradient, grain, a large serif letter) with track information, a live waveform, transport controls, timeline and volume. Below, a playlist of four tracks with durations and small mood tags. Selecting a track changes the cover palette, title, waveform and duration. Play begins a simulated, silent playback: the timeline moves, the waveform fills in coral and the equaliser animates. Fully responsive, one standalone HTML file with inline CSS/JS, no external images, audio or fonts.

Create an elegant dessert menu page for a fictional restaurant, Maison Sucré. Deep forest-green room, cream menu card, antique-gold rules and serif typography. The layout is a two-panel menu: on the left, the heading "The sweet course.", tabs for Desserts and Petits Fours, and a list of four items with descriptions, dotted leaders and prices; on the right, a detail panel showing the selected dessert as a refined SVG illustration on a plate, its name, a longer description, the recommended pairing and a "Choose this" action. Include a restaurant masthead, service hours, a gold seal and a footer. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create a honeycomb portfolio called "COMB" for a fictional design studio. Deep umber background, warm gold, honey and cream. A bold serif headline "Cells of work." sits above a honeycomb grid of nine hexagonal project cells, arranged in staggered rows, each with a number, short title, category and an abstract gradient composition. Filter buttons (All, Brand, Digital, Spaces) reflow the visible cells; clicking a cell opens a side panel with the project title, year, description and a "next cell" action. Include a slim masthead, a count of visible cells and a footer. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create a planet-generation laboratory called "World Foundry". Deep space black with a soft nebula glow, a large procedurally drawn planet on the right, and a narrow control column on the left. Four sliders control radius, water, cloud cover and temperature; four presets (Ocean, Desert, Ice, Gas) apply curated combinations; "Forge a new world" randomises and generates a new name and seed. The planet is drawn on canvas with bands, continents, cloud swirls, polar caps, a terminator shadow and an atmosphere rim, plus one small moon on an orbit. Readouts show radius, water, cloud, mean temperature, gravity and a generated designation. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create an interactive colour-theory lesson called "Chroma School — lesson 05". Warm white studio background, black type and a vivid colour wheel. The left column carries the title "Colour is a conversation.", a short lesson note, a draggable HSL colour wheel, hue/saturation/lightness sliders and four harmony buttons (Complementary, Analogous, Triad, Tetrad). The right side shows a generated four-colour palette as large swatches with hex values and a preview poster that uses the palette in bold typographic blocks. Clicking a swatch makes it the new base colour; "Shuffle" picks a new harmonic hue. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create a minimal meditation timer called "Still". Deep twilight background, a soft gradient aura, and a large breathing circle at the centre made of concentric translucent rings. The interface is reduced to: a title "A room to breathe.", a phase label inside the circle (Breathe in / Hold / Breathe out / Hold), a countdown, three duration presets (1, 3, 5 minutes), a start/pause control and a reset. The circle expands and contracts at a four-second rhythm while running; a thin outer ring shows remaining time; a quiet chime sounds when the session ends. Include a small session count and a calm footer. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create a classified dossier page styled as a manila folder on a dark wooden desk, for a fictional "Bureau of Unresolved Affairs". Warm manila paper, typewriter type, black redaction bars, red rubber stamps, paperclips and a coffee ring. The folder contains a subject photograph (an abstract silhouette), filed metadata, three tabs (Subject, Timeline, Assets) and paragraphs punctuated by redactions. Clicking a redaction reveals the hidden text; a counter tracks how many remain, and when all are revealed a large "DECLASSIFIED" stamp appears. Include a "Declassify all" control, typewriter signatures, case number and a footer. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create an interactive Mandelbrot fractal explorer called "Mandelbrot Field". Deep black page with a large square canvas and a narrow scientific control column. The hero statement reads "The edge of everything." in an elegant serif; controls include iteration depth, a palette selector (Ember, Deep, Mono, Rose), zoom-out and reset buttons, a live coordinate readout and a scale display. Clicking the fractal zooms in at that point; shift-click zooms out; the render is recoloured instantly when the palette changes and re-computed when iterations change. Include a small explanation of the set and a footer. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create a beautiful fictional banknote specimen page called "The Mint of Small Things". A dark wooden desk, a single large note centred with a soft shadow, and a small control panel. The note is built in SVG and CSS with intricate guilloche rosettes, engraved portrait linework, microtext bands, a serial number, denomination, signatures, a security thread and a watermark area. Three palettes (Sage, Indigo, Rose) can be generated; "New note" changes denomination, serial, portrait pattern and rosette seed; "Hold to the light" darkens the note and reveals a glowing security thread, hidden pattern and watermark. Include a header, specimen stamp, facts panel and footer. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create an interactive 3D flip book telling a short illustrated story called "The Cartographer's Sleep". Warm paper, ink blue and vermilion; a book on a table with a visible spine, page edges and a soft shadow. The left page carries the title and a short introduction; the right side is a stack of three turning sheets with stories and simple SVG illustrations — a map, a window, a sleeping figure and a small boat. Clicking the page corner or the Next button turns a sheet in 3D; Previous turns it back. Page numbers, a progress line and a "close the book" reset complete the interface. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create a beautiful broadsheet newspaper front page called "The Evening Signal". Warm newsprint, dense black ink, one red accent, hairline rules and justified serif columns. The masthead is huge and centered, with a date line, edition mark, price and a small weather box. The lead story, "The City Learns to Listen", has a deck, a three-column body with a drop cap, and an abstract halftone-style photograph made only in CSS. A right-hand rail carries an index, weather, a quote and classifieds; below, a second story and a small notice. A Morning / Late edition toggle changes the lead headline, deck, body, date line and accent. Clicking the lead story opens a clipping overlay with the full article. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create a scientific-visual page called "Quantum Waves" showing a particle in a one-dimensional box. Deep near-black space, pale cyan and violet data, cream typography. The left column holds the statement "A particle is a rumour until measured.", a short explanation, an energy-level slider (1–6), a superposition toggle, a Measure button and live readouts (energy, nodes, uncertainty). The right side shows a large canvas: the wavefunction as a glowing curve, the probability density as a soft filled area, faint axes, nodal marks and a cloud of drifting sample particles. Hovering shows position; clicking Measure collapses the cloud to a single bright point with a vertical line. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create a luxurious fabric-study page called "Soie" for a fictional silk atelier. Warm ivory background, rose, champagne, sage and muted aubergine; a full-screen SVG composition of flowing silk ribbons with soft gradients, fine highlight lines and depth blur. The overlay is minimal: a masthead "SOIE / maison de tissus", an editorial title "Softness, in motion." with an italic accent, a short note, a tension slider at the bottom and three palette buttons (Ivory, Rose, Sage). Moving the pointer pulls the ribbons; "Let it fall" releases them with a decay; the tension slider changes the number and amplitude of the folds. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create a playable neon pinball machine called "Silverball, table 03". A dark arcade room with a tall glass table, glowing pegs, three bumpers, two flippers and a chrome ball. The page includes a marquee, score display, ball count, a start overlay, and instructions. Physics are simple but convincing: gravity, wall bounces, circular peg collisions, bumper boosts and flipper hits. Left and right arrows (or clicking the left/right side) flip the paddles; the ball launches from the right lane and drains at the bottom. Include a game-over state, a high score and glowing particles on impact. Fully responsive, one standalone HTML file with inline CSS/JS, no external libraries, images or fonts.

Create a tactile mosaic studio called "MUSA". Warm stone background, a framed mosaic panel of hundreds of tiny tessera tiles, and a narrow atelier control rail with six stone colours (terracotta, ochre, sea, ivory, black, olive), three pattern buttons (Medallion, Wave, Scatter), a Clear control and a placed-tile counter. The mosaic is a 24×16 grid with visible grout, slightly irregular tiles and a classical rosette generated on load. Visitors paint by clicking or dragging across the panel; pattern buttons regenerate a symmetrical medallion or wave composition; Clear empties the grout. Include a museum plaque, a gold double frame and a footer. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create an elegant natal-chart page called "Celestial Chart". Warm laid paper, oxblood and brass engraved lines, with a large circular astrology wheel on the left: zodiac band with glyphs, twelve house cusps, ten planets placed at their degrees, and coloured aspect lines across the centre. The right column holds the title "The sky you were born under.", the birth data, a list of planets with glyphs and degrees, and a toggle for aspect lines. Hovering or selecting a planet highlights it and updates a short interpretation card; the chart is fixed to 17 October 2026, 14:20, Helsinki. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create a brutalist enquiry form called "BRUT FORMS". Off-white paper, black ink, safety orange and raw grid lines. The left column holds an oversized headline "Say something useful." and a short manifesto; the right holds a numbered form with Name, Email, Project and Budget fields drawn as underlined inputs with huge labels, a budget chip group and a large black submit block. Real inline validation appears in orange under invalid fields; on success the form is replaced by a stamped confirmation card with a reset action. Include a masthead, response-time note and footer. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create a dreamlike lantern-release page called "Lantern River". Deep indigo night, a low city silhouette, a dark river with soft reflections, and dozens of warm paper lanterns drifting upward. A large serif title "Send something up." sits at the lower left; a slim input at the bottom lets visitors write a wish, and the release button creates a new lantern carrying that wish. Clicking a lantern shows its message. Include a live count, a quiet instruction and a footer. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create a warm vintage radio page centred on a fictional valve receiver, the "Marconi 8". Dark walnut room, a radio cabinet with wood grain, cream enamel faceplate, a glass tuning dial with FM/AM scales and a red needle, a large knurled tuning knob, volume knob, band buttons and a small power lamp. A side panel lists four stations; clicking one tunes the receiver. Dragging the tuning knob or moving the slider shifts the needle and frequency, with static fading in between stations and a station name locking at the right point. Include signal readouts and a quiet footer. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create a research-preview landing page called "Latent". Near-black canvas, electric blue and acid-lime accents, a huge grotesque headline "A model that dreams in coordinates.", a prompt field with suggestion chips and a live generative preview card. The preview draws a unique abstract composition on a canvas from a hash of the prompt, with a scanner line, seed, palette and generation time. Behind everything, a slow neural mesh of nodes and connecting lines reacts to the pointer. Below the hero, three numbered capability notes and a small benchmark strip. Fully responsive, one standalone HTML file with inline CSS/JS/canvas, no external images or fonts.

Create a warm shadow-theatre page called "Shadow Play". An ochre plaster wall fills the scene, lit by a single hanging lamp whose position can be moved with a slider. Four paper-cut silhouettes — a bird, a rabbit, a hand and a tree — rest on the wall with soft cast shadows; visitors drag them anywhere. A cream control shelf at the bottom holds the title "Shadow / play", a short instruction, the lamp slider and tray buttons that add another bird, rabbit, hand or tree. Shadows shift direction and softness as the lamp moves. Include a small inventory count. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create a cartographic instrument called "Contour No. 6". A large paper-toned map canvas draws real contour lines from a procedural elevation field, with index contours heavier, a fine survey grid and a warm terracotta accent. Overlay a serif title "Read the ground.", a legend of elevation bands, and a live coordinate and elevation readout. Below, a survey control bar holds three sliders (Relief, Detail, Contours), preset buttons (Island, Ridge, Valley), a re-seed button and a grid toggle. Clicking the map drops a survey marker. Fully responsive, one standalone HTML file with inline CSS/JS/canvas, no external images or fonts.

Create a long-form scroll story called "Echoes". A full-screen cover reads "A house remembers in five rooms."; five full-viewport chapters follow — Hall, Kitchen, Stair, Attic, Garden — each with its own deep palette, an enormous outlined chapter number, a serif title, a short poetic paragraph and a small marginal note hidden behind a "marginalia" control. A fixed header holds the title and a live room index, a thin top progress bar fills with scroll, and a dot navigation on the right jumps between rooms. Type is large, quiet and editorial with generous white space. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create an optics study called "Prism". A dark studio page shows a glass triangular prism on an SVG stage, a white beam entering from the left and a fan of seven spectral rays leaving to the right. Visitors drag the prism to move it and use Tilt and Dispersion sliders to bend the spectrum; wavelength chips (400–700 nm) highlight individual rays and show their names. Include a serif headline "White is a crowd.", a short explanation, a readout of the apex angle and a reset control. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create a live split-flap station clock. A dark board with six cream flip cards shows hours, minutes and seconds in a monospaced face, separated by blinking colons, with a destination plate above reading the selected city. A control bar offers four cities (Local, Helsinki, Tokyo, New York), a 12/24-hour toggle, a "Flip all" test button and the full date. Every second the relevant cards flip with a mechanical rotation; changing city flips the whole board. Include station-hall ambience, departure-board typography and a footer. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create a living mycelium growth page called "Mycelium". A near-black forest floor fills the screen under a slow-growing network of glowing threads that branch outward from seeded colonies. Overlay a serif title "The forest is one organism.", a short explanation, a live statistics card (colonies, threads, nodes), and a bottom control bench with Growth, Branching and Spore controls, a teal/amber palette toggle, pause and reset. Clicking anywhere on the ground seeds a new colony. Fully responsive, one standalone HTML file with inline CSS/JS/canvas, no external images or fonts.

Create an interactive ripple-tank page called "Wave Lab". A plum-and-ember full-screen canvas renders a live two-source interference field, computed per pixel: concentric rings from two draggable source markers add and cancel into bright crests and dark troughs. Overlay a serif caption block in the lower left ("Two waves make a third."), a left instrument rail holding the Frequency, Phase and Separation sliders plus Pause and Recenter, and a vertical gauge on the right for frequency, wavelength, separation, phase and node count. Dragging either source moves it and reshapes the whole field. Fully responsive, one standalone HTML file with inline CSS/JS/canvas, no external images or fonts.

Create a playful typographic bestiary called "Type Zoo". A cream editorial page presents twelve letters, each paired with a creature: A for Axolotl, B for Bear, C for Crane and so on. The letters are huge serif characters given small animal features — eyes, ears, a beak, a fin — and each card shows the species, Latin name and class. Filters (All, Mammals, Birds, Water, Reptiles) and a search field narrow the grid. Clicking a card opens a detail dialog with an enlarged letter, habitat, diet, voice and a short field note, plus previous/next navigation. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.

Create a photographic exposure laboratory called "Aperture". A dark chrome-and-black interface surrounds a live simulated viewfinder: a warm dusk landscape seen through a seven-blade iris whose opening changes with the f-stop. Aperture, shutter and ISO controls update an EV readout and meter, and the scene brightens or darkens accordingly; an Auto button finds a balanced exposure, and the red shutter release flashes and adds a frame to a filmstrip. Include an editorial headline "Let the light in.", the exposure triangle explained in three short notes, and a frame counter. Fully responsive, one standalone HTML file with inline CSS/JS/SVG, no external images or fonts.

Create a fleeting message page called "Smoke Signals". A near-black warm room holds a live canvas of smoke; a serif headline reads "Say it in smoke." A message field at the bottom turns typed words into drifting smoke particles shaped like the letters, which rise, bend with the wind and dissolve. Wind and Density sliders alter the behaviour, "Clear the air" empties the canvas, and a counter records how many messages have been burned. Include a note that nothing is saved. Fully responsive, one standalone HTML file with inline CSS/JS/canvas, no external images or fonts.

Create a final editorial page called "Cento". Warm ivory paper, oxblood and antique gold, monumental serif type. A hero reads "Everything borrowed." with a definition of the cento form. Below, a two-column studio: on the left a poem card where chosen lines appear; on the right a 10×10 index of one hundred numbered fragments, each a button. Clicking a number adds its line to the poem; clicking again removes it. Buttons offer "Draw six lines" and "Clear". A counter tracks selected lines, a giant outlined "100" sits behind the hero, and a colophon closes the page. Fully responsive, one standalone HTML file with inline CSS/JS, no external images or fonts.