TITLE
Volcán Chico Hot Sauce

PROMPT
A landing page for an invented small-batch hot sauce brand, "Volcán Chico", designed in a loud, joyful Memphis-Milano manner: squiggles, confetti triangles, terrazzo dots, thick black outlines, hard drop shadows, clashing colour blocks. Deliberately maximal; the opposite of a tasteful dark SaaS page.

Palette (exact): lava orange-red #FF4B1F, banana yellow #FFD60A, teal #00A6A6, bubblegum pink #FF7BAC, ink black #111111, cream #FFF8E7. Light, saturated colour-field sections that change colour block by block. Flat colour only: no gradients except on the sauce liquid, no blur.

Typography: enormous chunky display type in a heavy sans stack (Impact, "Arial Black", "Helvetica Neue" black fallback), all caps, tightly leaded, with letters individually rotated a few degrees and offset black shadows; secondary type in a geometric sans (Futura/"Century Gothic"/"Trebuchet MS"); tiny labels in monospace like a price sticker. Headline: "VOLCÁN CHICO" with "small volcano, big opinions" beneath.

Content and sections: 1) Hero: a big SVG bottle (squat flask, wax-dipped cap, label with a smiling little volcano) surrounded by animated Memphis shapes; hard-edged sticker "FERMENTED 90 DAYS". 2) The three sauces as trading-card style panels: "No. 1 Verde Tranquilo" (tomatillo, serrano, lime leaf, 2,000 SHU-ish, described as "a firm handshake"), "No. 2 Mango Disturbio" (habanero, mango, allspice, "a small civil disturbance"), "No. 3 La Erupción" (ghost pepper, smoked pineapple, black garlic, "call someone first"). 3) "How hot is hot?": the signature heat slider, with a second copy of the bottle beside it so the reaction and the eruption are in view, and a price-sticker readout naming each level. 4) "Put it on": a grid of quick pairings with tiny SVG food icons (eggs, oysters, pizza slice, vanilla ice cream "trust us", tacos, elote, mango, popcorn); tapping a tile splats sauce on its icon. 5) Origin story in a wonky text block: made in a converted bus garage in Oaxaca-inspired invented town "San Lázaro del Humo" by two cousins, Itzel and Beto. 6) Footer with a mock order form whose button says "Send me the trouble" and responds with a stamped "PEDIDO RECIBIDO" animation (no network).

Signature moment: the heat slider, a custom-drawn thermometer-chili control from 1 to 10. As it rises the entire page reacts progressively: background shapes jitter faster, headline letters begin to wobble and sweat (SVG droplets slide down them), the bottle shakes and its cap rattles, colours invert towards red/black at 8+, steam squiggles rise from the edges, and at 10 the bottle erupts: a burst of confetti-lava shapes with ballistic physics fills the screen, the heading reads "¡AY!" for a moment, then the slider springs itself back down to level 2 and everything settles with a springy ease. Black marquee strips with bilingual one-liners divide the colour fields. Motion elsewhere: shapes drift and rotate on staggered loops with steps() and springy cubic-bezier(.34,1.56,.64,1) pops; cards tilt toward the cursor with a hard black shadow that shifts opposite; buttons depress into their shadow. Entrance: shapes slap onto the page one after another like stickers (scale from 1.6 with rotation, 40ms stagger), then the bottle drops in and bounces. The cursor on desktop is a small chili drawn in SVG. Reduced motion: static composition, slider still recolours but no shaking or burst. Voice: funny, bilingual sprinkles of Spanish, confident, never corporate.

DESCRIPTION
A loud, flat-colour Memphis-Milano landing page for an invented hot sauce made by two cousins in a bus garage. Six colour fields (yellow, pink, teal, terrazzo cream, lava red, yellow) are separated by thick black rules and scrolling marquee strips; every block is strewn with outlined squiggles, triangles, dotted circles and striped slabs that slap on like stickers and then jitter on stepped loops. The wordmark is set letter by letter, each glyph rotated, outlined and hard-shadowed, next to a squat wax-capped flask with a smiling volcano on its label. The centrepiece is a chili-shaped thermometer: dragging its little face from 1 to 10 heats the whole page (faster jitter, wobbling sweating headlines, a rattling cap, steam at the edges, colour fields flipping to red and black) until the bottle blows its cap, confetti-lava rains across the viewport, a starburst shouts "¡AY!" and the slider springs back down on its own. Trading-card sauces, sauce-able pairings, a wonky origin note and an order pad that gets rubber-stamped round it out, all in a funny bilingual voice.

VISUAL TECHNIQUES
- Inline SVG illustration throughout: flask with clipped gradient sauce, wave and bubbles; three volcano mascots; food icons; bus; chili thermometer
- SVG symbol library of Memphis shapes with offset black copies for hard drop shadows, plus dot, stripe and terrazzo patterns
- Per-letter display type: individually rotated and offset spans with text stroke, paint-order and hard offset text shadows; wordmark fitted to its column by measurement
- Section colours driven by custom properties that flip block by block to red and black at heat 8 and 9, using stepped (not eased) colour transitions
- Heat expressed through CSS variables feeding keyframes: jitter amplitude and period, letter wobble, bottle shake and cap rattle all scale from one slider value
- Sweat droplets drawn in SVG sliding down letters in three tiers; steam squiggles rising along the viewport edges
- Canvas 2D eruption: ballistic particles (triangles, discs, slabs, half-moons, drops, squiggles) with gravity, wall, ceiling and floor bounces, outlined with hard shadows, each aimed to land across the full width
- Damped spring simulation returning the slider to rest after the eruption
- Sticker-slap entrances with 40ms stagger and springy cubic-bezier(.34,1.56,.64,1) pops; bottle drop with squash-and-stretch bounce
- 3D card tilt with a hard shadow that leans the opposite way; buttons that press down into their shadow
- Rubber-stamp animation roughened with an SVG turbulence displacement filter
- Chili-shaped SVG cursor on desktop; reduced-motion variant with a static composition that still recolours

INTERACTION MODEL
Drag the face along the chili (mouse or touch), click anywhere on it, or focus it and use arrow keys, Page Up/Down, Home and End to set heat from 1 to 10. Each step renames the level in the readout and progressively agitates the page: shapes jitter faster, headline letters wobble and sweat, both bottles shake and their caps rattle, steam rises at the edges, and from 8 the colour fields invert to red and black. Reaching 10 fires the eruption: the cap flies off, confetti-lava bursts from the bottle and bounces around the screen, the headings and a starburst read "¡AY!", then the slider springs back to 2 by itself. Sauce cards tilt toward the pointer while their shadow slides the other way, and "Add to pedido" jumps to the order pad with that sauce selected. Pairing tiles toggle a sauce splat on tap or hover. The order pad has custom chips and a quantity stepper; empty fields shake with a note from Beto, and a valid submit slams a "PEDIDO RECIBIDO" stamp onto the pad with a mock receipt line, no data leaving the page; pressing the button again clears it. With reduced motion enabled the composition is static, the slider still recolours and renames everything, and there is no shaking or burst.