Neon Web Black
Black page, neon type, uppercase everything — the personal homepage era.
Construction · Scanline
Everything is drawn by a tube: horizontal scan lines across the whole surface, a bloom around anything bright, and edges that fringe slightly.
Every style renders this same screen, so the only thing changing between two of them is the style. The component above is the file below, running.
Prompt
Design this interface in the Neon Web Black style. A black page with saturated neon type and uppercase labels everywhere, the way a personal homepage looked when color was free and taste was optional. Build every
The numbers in this prompt are printed from the tokens below, so it cannot drift from what the specimen renders.
What carries the look
- black page
- saturated neon type
- uppercase everywhere
- free color, optional taste
What this style refuses
- light backgrounds
- muted palettes
- lowercase labels
- subtle shadows
The refusals are the half that keeps generated interfaces from converging — a prompt that only says what to add gets the default look.
Tokens
Palette
#0a0a0a#050505#121212#0d0d0d#2e2e2e#282828#f5f5f5#f5f5f5#a8a8a8#a5a5a5#00ffcc#00ffcc#00201a#00201aShape and type
Measured contrast — body 18.16:1 light, 18.69:1 dark; secondary text 8.33:1 and 8.27:1. Every pair clears WCAG AA in both themes, checked on each build.
Specimen · Specimen.tsx
import type { CSSProperties } from "react";
/**
* Vibary · Neon Web Black
*
* Black page, neon type, uppercase everything — the personal homepage era.
*
* One complete product screen, rendered from the token object below —