Acid Black
Acid green on pure night: a warehouse-rave flyer that boots like a terminal.
This style
$9$19
One-time, no subscription · instant download · client use · 7-day refund before download
The idea
Black so deep it hums, with one colour: a chemical acid green used for the things you are meant to press. Wide, stretched display type, monospaced readouts, a faint 32px grid. It borrows from 90s rave flyers and oscilloscope screens and drops the nostalgia.
Acid Black fuses early-90s acid house flyers with the green phosphor of oscilloscopes and studio meters. The page is near-black, the type is white, and a single chemical green (#C6FF00) is reserved for things that act: buttons, cursors, live values, focus. A wide display face in uppercase gives the flyer energy; monospaced readouts give the instrument precision. A faint 32px grid sits underneath like graph paper on a lightbox. It should feel nocturnal, technical and slightly dangerous.
Principles
- Green means interactive or live; never use it for decoration.
- Black is the room — keep 80% of every screen dark and empty.
- Pair one wide display line with mono readouts; no third voice.
- Wrap labels in square brackets like terminal output.
- Glow only on hover and focus; resting states are flat.
Motion
The hero prompt types itself out in stepped bursts with a blinking acid-green block cursor. Hovered cards light their border acid green and throw a 24px green glow, like a channel peaking on a mixer.
Do & don't
Do
- ✓ Animate the hero prompt with a stepped typewriter and block cursor.
- ✓ Use bracketed mono labels like [ 01 / FEATURES ].
- ✓ Keep the background grid at 6% opacity white.
Don't
- ✕ Don't use green for body text or paragraphs.
- ✕ Don't add a second accent beyond the pink alarm colour.
- ✕ Don't round corners.
+ 3 more of each, and component rules, in the full DESIGN.md.
What's in the DESIGN.md
- 01Overview & principles
- 02Colors (tokens + proportions)
- 03Typography (families + 12-role scale)
- 04Layout & spacing scale
- 05Elevation & depth
- 06Shapes & radii
- 07Motion (easing, durations, signature)
- 08Imagery + generation prompt
- 09Components (button, card, nav, input, badge)
- 10Do's and don'ts
- 11Responsive behaviour
- 12Iteration guide + agent checklist
Plus theme.css (Tailwind v4 @theme), tokens.json (W3C) and the preview page source — 361 lines of DESIGN.md in total.
More like this
All Brutalist →
Concrete Poster
No. 012Board-marked concrete and a grotesk set so large it becomes the building.
Default HTML
No. 013The browser's own stylesheet, taken seriously: Times, blue links, exposed structure.
FreeNeo Brutal Yellow
No. 014Highlighter yellow, 3px black borders and shadows that never blur. Loud on purpose.
Hazard Industrial
No. 034Black and safety yellow, hazard tape and stencil type from the loading dock.
Hot Pink Brutal
No. 035Hot pink, hard black shadows and pill buttons: neo-brutalism with lipstick on.
Swiss Numerals
No. 036Brutal Swiss: a hard grid, signal red and numerals the height of the screen.