Dieter Dots
Concentric rings of dots, like a perforated speaker grille. Export as SVG or image.
Open the generatorRuns right in your browser. Your graphics are made on your device.
Start from a preset
Pick a preset and it opens right in the editor, ready to adjust.
What is it?
Dieter Dots are dots arranged in concentric rings around the center, inspired by perforated speaker grilles in industrial design. The pattern feels technical and calm and suits posters, covers and product graphics.
How it works
Set the number of rings, the dots in the first ring and the ring spacing. Twist turns the rings into a spiral, shrink outwards fades the dots towards the edge. Choose one color, alternating rings or a gradient, then export as SVG, CSS or image.
Try the Dieter Dots nowFAQ
- Why do outer rings have more dots?
- Each ring gets as many dots as needed to keep the spacing along the ring equal to the first ring. Ring 3 has three times as many dots as ring 1.
- Why do I see fewer rings than I set?
- Rings outside the canvas are skipped, and we draw at most 10,000 dots per image to keep the browser responsive.
- Can I make a spiral?
- Yes. Increase the twist and each ring is rotated a bit further than the previous one.
Related generators
All generators in Patterns
Seamless Patterns
Seamlessly tiling patterns made of shapes or your own graphic. Export as SVG, CSS, tile or image.
Open in editor
Grid Patterns
Grid lines, dot grids, crosses or tiles with major and minor grids. Export as SVG or image.
Open in editor
Confetti
Confetti made of strips, circles, triangles and squiggles, evenly spread. Export as SVG or image.
Open in editor
CSS Patterns
Over 30 pure CSS patterns: dots, grids, stripes, waves and geometric shapes. Export as CSS, Tailwind, SVG or image.
Open in editor
Doodle Backgrounds
Hand-drawn looking squiggles, spirals, stars and zigzags as a background. Export as SVG or image.
Open in editor