WANT THIS LOOK?

Build me a complete, responsive business website in the VAPORWAVE style — the neon-nostalgic look born from TRON's synthetic grid, Macintosh Plus's Floral Shoppe, and the early-web dream: glowing magenta-and-cyan type on a deep-violet night, a perspective grid racing to a synthetic horizon, chrome letterforms, retro-computing chrome (Windows 95-style dialog boxes, loading bars), Japanese kana as decoration, and a faint CRT/VHS haze over it all. Nostalgia for a digital future that never quite arrived — beautiful and a little melancholy. Combine this style seed with my brief below. If I don't give you the details, invent a plausible business that suits this dreamy, retro-electronic look — a synth-pop label, a late-night DJ collective, a retro arcade bar, a nostalgia-driven streetwear drop — and build a full, real demo for it, not a placeholder. This style is a FAMILY, not a single template — the same seed should produce visibly different sites for different businesses. A few dimensions are yours to choose: the exact PALETTE within the neon logic, the TYPE pairing, and the overall LAYOUT ARCHETYPE. Pick one of each that fits my brand and COMMIT to it across the whole site — every option below is equally on-style, so trust the choice. ── INVARIANTS (never break these — they define the style) ── • The GLOW is the style — keep it. Headlines and accents carry a neon halo (layered text-shadow / drop-shadow bloom); the neon-on-dark palette never goes flat. Two clashing neons against a deep-violet night: magenta warmth and cyan cool, glowing, over darkness. • A PERSPECTIVE GRID horizon — a neon floor-grid racing toward a synthetic vanishing point (CSS linear-gradient lines + rotateX transform), the emblem of "you have entered a computer." At least one prominent grid on the page. • CHROME and retro-computing chrome — metallic/beveled letterforms for a hero word or logo, and real early-OS UI artifacts used with reverence: Windows 95-style dialog boxes, title bars, loading progress bars, beveled buttons. • Japanese KANA / kanji as decorative accent text somewhere prominent, and a faint LO-FI haze — scanlines, subtle grain, slight color-bleed — laid over the composition so it reads like film recorded to VHS. • Motion is slow and dreamlike: glow that pulses, scanlines that drift, boot-sequence and fade-in reveals. One entrance plus at most one ambient loop per section. Never snappy, bouncy, or hard-cut. Honor prefers-reduced-motion (freeze the pulses/scanlines to a static frame), and keep ALL content visible without JavaScript. • CONTRAST (WCAG 2.2 AA, non-negotiable): every text/background pair is ≥4.5:1 for body, ≥3:1 for large/headline text. The night ground is dark, so body copy is near-white or a bright, legible tint of the neon — NEVER thin mid-saturation neon as small body text on violet (it shimmers and fails). Glow is a halo around legible text, not a substitute for contrast. If a neon panel goes light, flip the ink to near-black on it. ── VARIABLES (choose one of each that fits my brand, then commit) ── • PALETTE — a deep-violet NIGHT GROUND plus TWO clashing neons that glow, plus near-white for stars/phosphor. Keep the ground dark (deep violet, indigo, near-black plum) and keep the glow. Bring my brand hues if I give them, mapped into two neons that fight rather than harmonize; otherwise the classic magenta + cyan. The second neon may flex — sunset coral, acid lime, hot gold — but keep two glowing neons on darkness. Never pastel, never fully flat/saturated-with-no-glow — the target is "too bright for nature, too warm for a machine." • TYPE — one display face + one body face, via Google Fonts. Display, pick one wide, techno, uppercase face (Orbitron · Michroma · Chakra Petch · Audiowave-style geometric) set with wide tracking; give the hero word a chrome/beveled treatment. Body, pick one clean techno sans (Rajdhani · Chakra Petch · Exo 2). • LAYOUT ARCHETYPE — choose one structural feel and commit: a grid-horizon hero with a floating chrome object or statue above it; a Windows 95 "desktop" of draggable-looking dialog windows and icons; a centered marble-bust/monument monument over the grid with kana framing; a stack of scanline-VHS bands; or a mall-directory panel grid of glowing tiles. Also settle on your own hero composition and glow intensity. ── MEDIA MODEL (rendered and retro, not stock photography) ── Build most visuals from CODE: perspective grids, chrome type, glowing gradients, dialog-box chrome, scanline overlays, kana accents, simple 3D-looking marks (a wireframe object, a Roman bust silhouette, a sunset ring). Where the business genuinely needs a photo (a product, a space, an artist), place a real placeholder <img> inside a retro frame — a dialog-box window or a CRT bezel — with a subtle scanline/VHS treatment, never full-bleed and pristine. Do NOT fake a photo with a plain gradient div where an image belongs — use a placeholder image. Generate imagery appropriate to MY business, not a reuse of any demo. WHAT THIS SITE MUST ACHIEVE (business goal): Make it instantly clear who this business is and what it offers, wrapped in the mood without hiding the message; build enough trust and real proof (what it is, who it's for, results, names — whatever is true) to convert a curious visitor; and drive one clear next step — a booking, a ticket, an enquiry, a drop signup. Let the business and its brief decide which sections serve that goal, include exactly those in a sensible order, and build each one fully. BUILD REQUIREMENTS — ship a complete, usable site, not a hero mock: • Real information architecture driven by MY business and goal — whatever sections move a stranger toward acting, each with one clear job, in a sensible order. Include working navigation and a footer (a retro status-bar footer fits the style). • Don't be lazy with any section: each carries real content depth (never a title plus one thin line), proper hierarchy, and the full vaporwave treatment — glow, grid, chrome, kana, haze applied thoughtfully. If a section only serves the style, cut it; if a section serves the goal but feels thin, flesh it out. • Real, tailored copy for MY business — atmospheric but clear, dreamy in tone yet actually informative. Never lorem. • Fully responsive and accessible: semantic landmarks, alt text, and the CONTRAST invariant enforced on EVERY section — keep body text near-white/legible on the dark ground, glow as halo not as crutch. On mobile, keep the grid, glow, and chrome but flatten the perspective enough to stay legible. • Apply the chosen palette, type, and layout archetype to EVERY section, not just the hero.

Best for AI website builders — Lovable, v0, Bolt

Restyle my existing site into the VAPORWAVE look — the neon-nostalgic aesthetic of TRON's synthetic grid, Macintosh Plus's Floral Shoppe, and the early-web dream: glowing magenta-and-cyan type on a deep-violet night, a perspective grid racing to a synthetic horizon, chrome letterforms, retro-computing chrome (Windows 95-style dialog boxes, loading bars), Japanese kana as decoration, and a faint CRT/VHS haze. Keep ALL of my current content, copy, pages, and structure exactly as they are; change only the visual language. Do not invent new pages, remove sections, or rewrite my words. Keep MY brand hues — carry my existing colors in as the TWO glowing neons rather than swapping in new ones, and set them against a deep-violet NIGHT ground. If my brand is a single color, pair it with a clashing cool/warm neon as the second. Whatever the hues, keep the glow and keep the darkness — the neon-on-dark is the point. Then make one TYPE choice and COMMIT. ── INVARIANTS (never break these) ── • Drop the whole site onto a deep-violet/near-black NIGHT ground and give headlines and accents a neon GLOW halo (layered text-shadow / drop-shadow bloom). The neon-on-dark palette never goes flat. • Add at least one PERSPECTIVE GRID horizon (CSS linear-gradient lines + rotateX) as a signature backdrop element. • Give a hero word or the logo a CHROME/beveled treatment, and reskin real UI chrome — panels, buttons, and any modals — as Windows 95-style dialog boxes with title bars, bevels, and loading bars where they fit. • Introduce Japanese KANA / kanji as decorative accent text in a prominent spot, and lay a faint LO-FI haze (scanlines, subtle grain, slight color-bleed) over the composition. • Motion becomes slow and dreamlike: glow pulses, drifting scanlines, boot/fade-in reveals — one entrance plus at most one ambient loop per section. Remove snappy, bouncy, and hard-cut motion. Honor prefers-reduced-motion (freeze pulses/scanlines) and never leave a section stuck invisible; keep content visible without JavaScript. • Never: a flat neon with no glow, pastel tones, a bright/light ground that kills the night, or stripping out the perspective grid and chrome signature. ── TYPE (pick one pairing to suit my brand, then commit) ── One wide techno uppercase display (Orbitron · Michroma · Chakra Petch · geometric techno) with wide tracking and a chrome hero word + one clean techno body sans (Rajdhani · Chakra Petch · Exo 2), loaded via Google Fonts. Frame any existing image inside a retro artifact — a dialog-box window or CRT bezel — with a subtle scanline/VHS treatment, never left pristine and full-bleed; replace flat decorative fills with glowing gradients, grid lines, and chrome. Keep it responsive and accessible — enforce WCAG 2.2 AA contrast on every block (≥4.5:1 body, ≥3:1 large): keep body text near-white or a bright legible tint on the dark ground (never thin mid-saturation neon as small body text), glow as halo not crutch, and if a neon panel goes light flip the ink to near-black on it. Restyle what already exists so every section carries the vaporwave system consistently — same content, new skin.

Paste alongside your existing site/code for an AI coding agent to apply

Design a single section in the VAPORWAVE style — the neon-nostalgic look of TRON's synthetic grid, Macintosh Plus's Floral Shoppe, and the early-web dream: glowing magenta-and-cyan type on a deep-violet night, a perspective grid racing to a synthetic horizon, chrome letterforms, retro-computing chrome, Japanese kana, and a faint CRT/VHS haze. A low-commitment preview of the style, built richly for whatever section I ask for. Tell me in your own words, alongside this prompt, which section you want and the job it has to do — a grid-horizon hero, a lineup/tracklist, an about panel, a ticket/drop call-to-action, a gallery, a pricing block styled as a dialog box. If I don't name one, build a grid-horizon hero for a plausible business you invent that suits this dreamy style. Whatever the section, build it fully and richly — real, tailored copy, proper hierarchy, and depth, not a title plus one thin line. ── INVARIANTS ── • A deep-violet/near-black NIGHT ground with a neon GLOW halo on headlines and accents (the glow is the style — keep it). At least one PERSPECTIVE GRID element. A CHROME/beveled hero word and some retro-computing chrome (a dialog box, a loading bar, a beveled button). Japanese KANA as decorative accent, and a faint scanline/VHS haze. Motion is slow and dreamlike — one glow-pulse or drifting-scanline loop plus a boot/fade-in entrance; no snappy or bouncy motion; content visible without JavaScript, honoring prefers-reduced-motion (freeze the pulses). • Never: a flat neon with no glow, pastel tones, a bright/light ground that kills the night, or stripping out the perspective grid and chrome. ── VARIABLES (pick one of each, commit) ── • PALETTE — a deep-violet NIGHT ground plus TWO clashing neons that glow, plus near-white for phosphor/stars. Bring my brand hues if I give them, mapped to two neons that fight; otherwise classic magenta + cyan. The second neon may flex (sunset coral · acid lime · hot gold) but keep two glowing neons on darkness. Never pastel, never flat-with-no-glow. • TYPE — one wide techno uppercase display (Orbitron · Michroma · Chakra Petch) with a chrome hero word + one clean techno body sans (Rajdhani · Chakra Petch · Exo 2), via Google Fonts. If the section genuinely needs an image, use a real placeholder <img> framed inside a retro artifact — a dialog-box window or CRT bezel — with a subtle scanline/VHS treatment, never a fake gradient div standing in for a photo, never pristine full-bleed. Include a glowing primary call-to-action where the section's job calls for one. Make it responsive and accessible — WCAG 2.2 AA contrast (≥4.5:1 body, ≥3:1 large): keep body text near-white or a bright legible tint on the dark ground (never thin mid-saturation neon as small text), glow as halo not crutch, near-black ink on any light neon panel. Write real, tailored copy for the subject, not lorem.

Good for a focused first pass, or a chat-based assistant like ChatGPT/Claude