Onioncore

Neon glitch on deep black

Definition

Onioncore is a web/UI aesthetic created by Onion Madder (Kellye Strickland): electric neon on deep glossy black, playful menace, and hand-coded interfaces that feel alive. It blends CRT scanlines, glitch shadows, and accessible motion with strict readability and real performance.

Practically, Onioncore favors: mono fonts, high-contrast color pairs (teal/cyan & pink/magenta), soft glows, layered text shadows, and CSS-only effects before any JavaScript. It’s fast, audible when needed, and always keyboard-navigable.

Core Traits

• Deep-black canvas with neon edges and subtle VHS/scanline texture.

• Glitch shadows offset by 1–2px; readable at all sizes.

• Motion is purposeful and opt-out friendly; prefers reduced-motion honored.

• HTML first, CSS second, JS last. Performance as an aesthetic choice.

Origins

Onioncore grew from years of building games, archives, and accessibility tools by hand, then shaping those constraints into a look. It’s the visual house style across onionmadder.xyz, onionmadder.com, and experimental projects like The Bala Files.

See UI fragments Play the weird games

Visual examples

Onioncore UI example: neon buttons on black with cyan glow Onioncore UI example: glitch title with magenta and cyan shadows
ONIONCORE • hand-coded • neon-glitch • accessible motion • fast by default •
Hover for spec → Open Onioncore UI spec
TAPE A • 00:01:23