Dark mode with glowing accents

Forbidden: Coloured glows on borders, buttons and headings of a dark page: box-shadow: 0 0 24px #22d3ee, neon outlines, a halo behind the hero
Instead: Dark mode from the token ramp (C-21, C-66), with the brand colour spent where it means something (I-56).

What this rule looks like

Forbidden

Instead

Why this rule

Glow is contrast added without meaning. On a dark page everything that glows competes to be first, and the one element that needs attention looks like all the rest.

Kind: Rule
Section: Things to avoid
Group: Generic-AI aesthetic
Bucket: hybrid
Severity: warning
Detector: glow-accent
Since: v0.17.0

Read as plain text