domains / families / design / dither-background

dither-background

separate

Create a dark monochrome procedural background with enlarged square pixels and visible Bayer-style ordered dithering. Use when a page needs an atmospheric near-black dither field, broad organic waves or cloud masses, and restrained gray-white highlights behind framed UI, hero content, or data overlays.

When to use

• dark interface atmospheric monochrome background layer
• enlarged square pixels and visible ordered dithering
• organic waves, cloud-like masses, or procedural depth
• background supporting framed UI, hero content, or data overlays

When not to use

• colorful gradients
• random TV noise
• tiny film grain

Skill page

Source