# Maximalist site for digital hot dogs

> A loud landing page for GLIZZY.IO, a made-up startup selling digital hot dogs, with wavy, dithered hero type over neon gradients. Gemini 3 Pro one-shotted it in Google AI Studio as a single HTML file with no libraries, from a two-sentence prompt.

- Kind: Website
- Page: https://meetreference.com/v/maximalist-site-digital-hot-dogs/
- Ready-to-use agent handoff: https://meetreference.com/v/maximalist-site-digital-hot-dogs/agent.txt
- Exact prompt as plain text: https://meetreference.com/v/maximalist-site-digital-hot-dogs/prompt.txt
- Authorship: Not stated
- Made with: Google AI Studio
- Model: Gemini 3 Pro
- Built with: HTML and CSS, Plain JavaScript
- Style: Landing pages; maximalist, dithering, shader, gradient, neon, groovy, single html file, parody
- Shared by @benhylak in X, Nov 19, 2025: https://x.com/benhylak/status/1991225744194691289
- Prompt fidelity: Verbatim. This is the complete prompt exactly as the creator published it.

## Before you start

Guidance from Reference, separate from the creator's instructions.

1. Read the reference and inspect the project, installed libraries, and available agent skills before writing code. Reuse suitable tools already present.
2. Prefer the creator-reported libraries and skills when they fit the task. Explain what useful additions help with, and install missing project dependencies or relevant skills from official sources when the environment and the user's existing permissions allow it. Respect the project's package manager and setup rules; do not ask again for routine setup already authorized.
3. Distinguish tools used by the creator from your own recommendations. A listed tool is not automatically required, and an empty tools or requirements list means the setup is unknown, not that nothing is needed.
4. Ask concise questions when missing inputs or choices materially affect the result: paid services, credentials, the user's assets, or a different production approach. Use existing answers and permissions; continue independent work while waiting.
5. If a useful library, skill, or service cannot be installed or used, explain an available alternative and its expected effect on quality, features, or effort. Get the user's choice before a material compromise; otherwise state the fallback and continue. Never silently simplify the result or claim to have used a tool you did not use.

## Recreating this website

These are the creator's published instructions, unedited.

To adapt it: Change "a fictional start up that sells digital hot dogs" to your own joke product, and the style words ("lots of dithering, wavy, groovy, gradients") to another look. Keep the line about hero text with shaders that react to the mouse.

## Prompt

```text
design a maximalist website for a fictional start up that sells digital hot dogs. I want beautifully animated hero text with shaders that interact with mouse hover. lots of dithering, wavy, groovy, gradients.
```

## What it looks like

Written by Reference from the video frames, not by the creator.

A neon gradient site for GLIZZY.IO: wavy, glitched DIGITAL GLIZZY hero type, three hot-dog product cards with Mint buttons, a manifesto in lime on black, and a four-phase roadmap.

- Color: Magenta, mint, and lime gradients with white type, black and deep purple bands, and cyan buttons.
- Type: Huge white hero letters bent into waves with scanline texture, a pink "V 2.0 // BETA" sticker, wide heavy caps for headlines, and monospace for card text and the ticker ("NON-FUNGIBLE FRANKFURTERS /// 0 CALORIES /// 100% ETHEREUM /// MUSTARD").
- Framing: 16:10 recording of a browser window on a dark backdrop; the first frames are zoomed in on the hero. Product cards sit three across, and the roadmap is a two-by-two grid under a ticker band.
- Structure: The zoomed hero with "SCROLL TO CONSUME", "Fresh off the grill" with The Classic, Radioactive Relish, and The Void Wiener, the manifesto "Why eat real food when you can consume data?", the roadmap phases and the GLIZZY.IO footer, then back up to the hero.

Storyboard, nine frames spread across the video: https://meetreference.com/media/maximalist-site-digital-hot-dogs/storyboard.webp

- Frame 1 at 1.2s: https://meetreference.com/media/maximalist-site-digital-hot-dogs/f1.webp
- Frame 2 at 3.7s: https://meetreference.com/media/maximalist-site-digital-hot-dogs/f2.webp
- Frame 3 at 6.1s: https://meetreference.com/media/maximalist-site-digital-hot-dogs/f3.webp
- Frame 4 at 8.5s: https://meetreference.com/media/maximalist-site-digital-hot-dogs/f4.webp
- Frame 5 at 11.0s: https://meetreference.com/media/maximalist-site-digital-hot-dogs/f5.webp
- Frame 6 at 13.4s: https://meetreference.com/media/maximalist-site-digital-hot-dogs/f6.webp
- Frame 7 at 15.9s: https://meetreference.com/media/maximalist-site-digital-hot-dogs/f7.webp
- Frame 8 at 18.3s: https://meetreference.com/media/maximalist-site-digital-hot-dogs/f8.webp
- Frame 9 at 20.7s: https://meetreference.com/media/maximalist-site-digital-hot-dogs/f9.webp

## How it was made, per the creator

- One-shot: yes, a single prompt with no follow-ups
- Notes: The creator says it was one-shotted in Google AI Studio and is a single HTML file with no frameworks or libraries.

> one-shotted from Google AI Studio. a single HTML file (no frameworks/libraries/etc.)
> (@benhylak)

## Links

- Watch: https://x.com/benhylak/status/1991225744194691289
- Original post: https://x.com/benhylak/status/1991225744194691289
- Reply with the prompt: https://x.com/benhylak/status/1991225762809065555
