Vibary.ai
Go Pro
← All UI styles

Acid Rave

Fluorescent green on black, glowing at the edges like a club flyer.

GlowexpressiveMusic and nightlifeEvent productsStreaming and live

Construction · Glow

Elements emit rather than reflect: a colored bloom instead of a shadow, and a lit hairline instead of a border.

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 Acid Rave style. Fluorescent green and magenta on pure black, with glow instead of shadow and labels shouted in uppercase. Restraint is not part of this one.

Build every surface the Glow

The numbers in this prompt are printed from the tokens below, so it cannot drift from what the specimen renders.

What carries the look

  • fluorescent green on black
  • glow instead of shadow
  • uppercase shouting
  • club flyer energy

What this style refuses

  • light backgrounds
  • muted or pastel color
  • soft grey shadows
  • delicate type

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

RoleLightDark
Background#0d0d0d#050505
Surface#151515#0f0f0f
Border#2c2c2c#262626
Text#eaffea#eaffea
Muted text#96b596#93b493
Accent#c6ff00#c6ff00
On accent#0d0d0d#050505

Shape and type

Radius2 / 4 / 8 px
Border1px solid
Shadowglow
DisplayImpact
BodyHelvetica Neue
Monoui-monospace
Type scale11 · 12 · 14 · 17 · 23 · 36 px
Weights500 / 800 / 900
Line height1.35
Tracking0.02em
Spacing4px grid · compact
Surfaceflat
Accentglow
Separatorhairline
Labelsuppercase
Blurnone

Measured contrast — body 18.5:1 light, 19.4:1 dark; secondary text 8.65:1 and 8.92:1. Every pair clears WCAG AA in both themes, checked on each build.

Specimen · Specimen.tsx

import type { CSSProperties } from "react";

/**
 * Vibary · Acid Rave
 *
 * Fluorescent green on black, glowing at the edges like a club flyer.
 *
 * One complete product screen, rendered from the token object below —

Nearby styles

Cyberpunk NeonNeon-bordered panels on near-black — the border is the light source, magenta against cyan, everything squared and shouting.Iridescent HoloHolographic sheen across the ground, with content kept plain so it stays readable.Maximal ClashThree type sizes too far apart, packed tight, and proud of it.