ATMOSPHERE / EFFECT LABORATORY
Backgrounds that establish a world.
Fifteen pure-CSS fields for technical structure, spatial depth, and restrained atmosphere. Every effect is token-aware and leaves controls visually quiet.
DESIGNOS / EFFECT
grid
Token-driven atmosphere that stays behind the interface.
.dos-effect-gridAtmosphere stays subordinate.
Keep effect opacity below content contrast Never place glow around fields or controls Pause ambient movement under reduced motion Use one primary field per viewport Mask patterns away from dense reading areas Treat effects as optional enhancement