Dither Background

Use When

• A dark interface needs an atmospheric monochrome background layer.
• The visual should show enlarged square pixels and visible ordered dithering.
• The design calls for organic waves, cloud-like masses, or procedural depth without colorful gradients.
• The background should support framed UI, hero content, or data overlays.

Visual Target

• Near-black base with charcoal midtones, soft gray buildup, and occasional white highlights.
• Clearly visible square pixel cells, not tiny film grain.
• 4x4 Bayer-style dither pattern or equivalent ordered thresholding.
• Broad organic waves or cloud-like masses, not random TV noise.
• Vignetted edges so the brighter mass sits centrally or off-axis.

HTML And CSS