Circular motion graphic with sliced shapes

Preview image. Unlock full-res

Animated sequence of eight white circles with diagonal black slices arranged in a ring pattern on a black background.

Summary

An animated motion graphic featuring eight white circles arranged in a ring, each containing a diagonal black slice that rotates through the sequence.

Visual description

A square composition on a solid black background with eight white circles positioned around a center point in a symmetric circular arrangement. Each circle is divided by a diagonal black stripe that runs at a different angle in each circle. The animation rotates this pattern, creating a spinner or loading effect. The white circles are clean, crisp geometric shapes with sharp edges, and the diagonal slices move systematically around the ring in a smooth looping motion. The contrast between pure white and pure black is extreme and high-energy. The aspect ratio is square 1:1.

Key takeaway

Elegant simplicity in motion design using only geometric shapes and two colors. The rotation and arrangement create visual continuity and movement without complexity. Works as both a functional spinner UI element and an abstract kinetic composition.

Reuse notes

Perfect as a loading indicator or interface animation. The pure black and white palette is versatile and works on almost any background with proper layering. Can be adapted for different speeds, directions, or slice patterns. The symmetry makes it suitable for tech, data, or app design contexts.

More like this