A very small design intervention
STOP WHITE
BACKGROUNDS.
Your website is not a flashbang.
Light mode is good. Clarity is good. An entire viewport of maximum-brightness white is simply not the only way to achieve either.
The reflex
One declaration.
Maximum confidence.
body {
background: #fff;
}Somewhere, a designer selected #FFFFFF, called it “clean,” and went home. The monitor, capable of millions of colors, was given one instruction: become a ceiling light.
Interactive evidence
The White Background Simulator
Four backgrounds enter. Your retinas may judge them without reloading the page.
A perfectly normal light interface
Readable. Bright. Not interrogating you.
The surface remains light while the page background establishes a little hierarchy. Civilization continues.
Previewing #FFFFFF — Pure White
The serious part
Light mode does not require an entire viewport of #FFFFFF.
Pure white is a valid color. It can be excellent for cards, code samples, raised surfaces, and places that genuinely need emphasis. The argument is about proportion, not prohibition.
A slightly tinted page background can reduce visual harshness, clarify layers, and let actual white surfaces do useful work. No fake accessibility decree required.
Build a layered light themeFive easy exits
Better-than-white starting points
Not sacred tokens. Not a new design religion. Just five quiet backgrounds you can test in under a minute.
#F6F6F3
#F7F5F0
#F3F5F6
#F2F2F2
#FAF7F0
Proceed with restraint
Useful guides, minimal sermon
Why Pure White Backgrounds Suck
The complaint, with nuance inconveniently included.
Read the guide 02Light Mode Without White
Use layers, contrast, and hierarchy instead of one giant bulb.
See the structure 03Copy-Paste CSS
A compact variable set for a more considerate light theme.
Copy the CSS