Take the signal with you.

Build me a complete, responsive business website in the CYBERPUNK style — the "high tech, low life" language of Blade Runner, Neuromancer, and the acid-yellow Cyberpunk 2077 brand system: the page behaves like an intrusive machine interface — angular clipped HUD panels, glitching display type, mono microcopy, and ONE acid-neon signal cutting through flat urban dark. Softness recedes: no rounded corners, no pastels, no polite whitespace — but the noise is engineered, and body text stays coldly legible on quiet dark ground. Combine this style seed with my brief below. If I don't give you details, invent a plausible business that suits the edge — an esports team, a security consultancy, a synth label, a hardware brand, a game studio — and build a full, real demo for it, not a placeholder. This style is a FAMILY, not a single template. Choose one of each — SIGNAL HUE, DARK TEMPERATURE, HEADING FACE, LAYOUT ARCHETYPE — that fits my brand, and COMMIT to it across the whole site. ── INVARIANTS (never break these — they define the style) ── • Machine dark ground: flat near-black (subtle blue/green tint allowed), with faint machine texture — dot grids, hairline grids, scanlines — at low opacity that FADES OUT near text. Never gradient-wash a reading zone. Radius 0 everywhere. • Angular hardware framing: panels with notched/clipped 45° corners, bracket (crop-mark) ornaments, thin mono tag-labels pinned to panel edges, barcodes/coordinates/code strings as spatial punctuation. • One dominant acid signal at full saturation for borders, fills, and large display type — with dark ink on signal fills. Other neons appear only as small counterpoints; alert red is for errors only. • Type: a condensed/squared techno display face for headings (uppercase), monospace for microcopy and labels, and a cold plain sans for body — off-white on flat dark. • Motion: glitch bursts (clip-path slice + RGB offset, 2–4 frames) RATIONED to headings and moments — never on body text, never continuous everywhere; instant angled hover fills (~150ms linear); ambient scanline/LED loops; fast snap entrances (~0.45s ease-out). No springs, no soft slow fades, no cursor-followers. Honor prefers-reduced-motion. • CONTRAST (WCAG 2.2 AA, non-negotiable): every text/background pair ≥4.5:1 body, ≥3:1 large, judged per block's actual background. Neon never sits on neon; acid fills always carry dark ink. ── VARIABLES (choose one of each, then commit) ── • SIGNAL HUE — acid yellow · electric cyan · hot magenta · phosphor green — or MY brand hue pushed to full saturation (examples, not requirements: #FCEE0A, #00F0FF, #FF2A6D, #00FF9C). • DARK TEMPERATURE — blue-black (#0A0A12 class) · pure black · green-black. • HEADING FACE — condensed industrial (Oswald/Archivo Narrow class) · squared techno (Orbitron/Rajdhani/Chakra Petch class) · mono-everything (Share Tech Mono class). • LAYOUT ARCHETYPE — left-rail HUD console · dashboard panel wall · full-bleed render heroes with HUD strips · terminal-log-led flow · dark sections separated by full-bleed flat acid manifesto bands joined with jagged zigzag seams. Pick what serves the purpose and commit. ── MEDIA MODEL (mixed, leaning image-heavy) ── Hero-scale imagery is welcome and on-style: neon city renders, machine/product renders, character art — always dimmed or graded into the palette and clipped by angular masks, never bright lifestyle photography. Generate imagery appropriate to MY business (use real placeholder <img> elements for planned images). Away from heroes, HUD geometry, terminal readouts, and stat panels carry sections; a pure-HUD no-imagery build is equally valid. WHAT THIS SITE MUST ACHIEVE (business goal): Edge plus credibility — the site should feel like proprietary technology without losing legibility or trust. Present what the business does as systems and capabilities; prove it with real evidence (work, results, specs, clients — whatever is true); and drive one clear next step (contact, demo, join, buy). Let the business and its brief decide the sections; include exactly those, in a sensible order, and build each fully. BUILD REQUIREMENTS — ship a complete, usable site, not a hero mock: • Real information architecture driven by MY business and goal, real navigation (a HUD status bar works) and a footer. • Don't be lazy with any section: real content depth (never a title plus one thin line), proper hierarchy, and the full HUD treatment applied to EVERY section, not just the hero. • Real, tailored copy for MY business — terse, technical, confident; mono microcopy as seasoning; never lorem. • Fully responsive and accessible: semantic landmarks, alt text, visible focus, reduced-motion support, and the CONTRAST invariant enforced everywhere.

Best for AI website builders — Lovable, v0, Bolt

Restyle my existing website into the CYBERPUNK style — keep ALL of my current content, structure, pages, and copy exactly as they are; change only how it looks, moves, and feels. Apply this style system to the code/site I provide alongside this prompt. THE STYLE SYSTEM to apply: • Ground: flatten every background to machine dark — near-black (blue, pure, or green-tinted; pick one and commit) with faint dot/hairline-grid texture at low opacity that fades near text. No gradient washes behind reading zones. Radius 0 everywhere — strip all rounded corners and soft shadows. • Framing: re-frame each existing section/card as angular hardware — notched 45° clipped corners, bracket (crop-mark) ornaments, thin mono tag-labels pinned to edges (derive tags from my real section names, e.g. "///SERVICES.01"), barcodes/coordinates as punctuation. • Signal: choose ONE acid hue — from my brand color pushed to full saturation, or acid yellow / electric cyan / hot magenta / phosphor green — and use it for borders, fills, and large display type only, with dark ink on fills. Demote all other accent colors to small counterpoints or gray. • Type: map my headings to a condensed/squared techno display face (Oswald, Archivo Narrow, Orbitron, Rajdhani, Chakra Petch class), uppercase; labels/microcopy to a monospace; body to a cold plain sans, off-white on dark. Keep my copy verbatim. • Imagery: keep my existing images but grade them into the palette (dim, cool, neon rim) and clip them with angular masks inside notched frames. • Motion: replace existing animation with the cyberpunk system — fast snap entrances (~0.45s), instant angled hover fills (~150ms linear), ambient scanline/LED loops, and glitch slice-bursts RATIONED to headings only. Honor prefers-reduced-motion. • CONTRAST (WCAG 2.2 AA, non-negotiable): after recoloring, verify every text/background pair — ≥4.5:1 body, ≥3:1 large — per actual background. Neon never on neon; body text never glitches. RULES: • Do not add, remove, merge, or reorder sections or pages; do not rewrite copy. • Apply the treatment to every page and section consistently, including nav (a HUD status bar) and footer (a terminal EOF strip). • Keep the site fully responsive and accessible — semantic landmarks, visible focus, alt text preserved.

Paste alongside your existing site/code

Build ONE complete section of a website in the CYBERPUNK style. I'll name the section and its job below — if I don't, build a hero for a plausible edge-friendly business (an esports team, a security consultancy, a synth label) as a full working demo. THE STYLE, in brief: the page behaves like an intrusive machine interface. Flat near-black machine ground with faint dot/hairline-grid texture fading near text; angular panels with notched 45° corners, bracket ornaments, mono tag-labels, and barcodes as punctuation; ONE acid-neon signal at full saturation (yellow / cyan / magenta / phosphor green — or my brand hue pushed to acid; pick one and commit) for borders, fills, and large type with dark ink on fills; condensed/squared techno display headings (uppercase), mono microcopy, cold sans body in off-white. Radius 0. Motion: a fast snap entrance, ONE glitch slice-burst on the heading, instant angled hover fills, and an ambient scanline or LED loop — nothing springy, nothing soft. Honor prefers-reduced-motion. REQUIREMENTS: • The section must be complete and shippable on its own: real tailored copy for my subject (never lorem), terse and technical, real hierarchy, responsive mobile to desktop. • If the section wants imagery, use a dimmed neon render/photo of my actual subject clipped by an angular mask inside a notched frame (placeholder <img> if the file doesn't exist yet); otherwise let HUD geometry carry it. • CONTRAST is non-negotiable: every text/background pair meets WCAG 2.2 AA — ≥4.5:1 body, ≥3:1 large — per the actual background; neon never on neon; body text never glitches. My section and its job:

Good for a focused first pass / chat assistant