Live preview — fully interactive
The prompt
Build a synthwave perspective grid background on canvas. ## Structure - Full-viewport canvas + centered headline sitting in the sky half ## Behavior - Horizon at 42% of height - Accent glow: vertical linear-gradient through #7c6cff at 55% opacity, 140px tall - 28 horizontal lin
Full prompt (663 chars) unlocks after purchase
The code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #08080d; color: #f2f2f7; font-family: Inter, system-ui, sans-serif; overflow: hidden; }
canvas { display: block; }
.copy { position: fixed; inset: 0; display: flex; flex-direComplete self-contained HTML unlocks after purchase
About this effect
A canvas synthwave ground plane: vertical and horizontal lines recede to a vanishing point and scroll toward the viewer. An accent glow sits on the horizon. Classic for music, crypto, and retro-futurist pages.