Dot grid size gradient pattern

Preview image. Unlock full-res

A square black field carries a white dot grid that shrinks from soft squares at left to pinpoints at right.

Palette
#171717
#F7F7F7
#32362E

Summary

A regular staggered grid transitions element scale horizontally across a pure black square.

Visual description

White marks sit on black in offset rows. Leftmost elements read as small soft squares with grainy fill; moving right they shrink into sharp circular dots. Uniform margins frame the pattern; brightness density decreases as dot size falls off.

Key takeaway

A single-parameter size gradient across a rigid grid creates motion and depth without color or illustration.

Reuse notes

Useful for UI textures, poster backgrounds, data-viz inspiration, and motion-graphics frames that need minimalist tech atmosphere.

More like this