Concentric Squares

What this grid is

Concentric Squares are nested squares that share the same center. They are the square-grid equivalent of “targets” or “ripples”, but with straight edges. This structure is simple, geometric, and very readable.

Because the output is pure vector, you can use it as a design scaffold, a background texture, or a bold graphic element. Rotation and variable spacing let you move from a technical drafting feel to a more dynamic, poster-like look.

Key parameters

• Rings — How many nested squares to draw. More rings creates a denser structure.
• Spacing (px) — The base distance between consecutive squares.
• Spacing Ratio — A geometric multiplier applied as the squares expand outward.
• 1.00 = constant spacing.
• > 1.00 = spacing increases outward (outer rings feel looser and more open).
• < 1.00 = spacing decreases outward (outer rings feel tighter and more intense).
• Rotation (°) — Rotates the entire set around the center. Note that rotation increases the required canvas size.
• Line Width / Opacity / Color — Controls the visual weight of the structure.

Unique highlights

• A strong, minimal structure: no curves, only perfect right angles.
• Spacing Ratio gives you “ease-in / ease-out” density without manual per-ring tweaking.
• Rotation creates a diamond-like energy while keeping square geometry.
• Export stays fully editable (each ring is a simple square outline).

Typical use cases

• Background guides for layout and typography.
• Framing and focus effects in posters and covers.
• Op-art style compositions when paired with bold strokes.
• Decorative borders and badges (clip or mask to shapes).
• Pattern layers behind charts, maps, or technical illustrations.

Tips

• For a calm drafting look: use ratio 1.00, thin stroke, and lower opacity.
• For a more dramatic center focus: use ratio > 1.00 so the inner rings are tighter.
• If the preview feels crowded, reduce Rings before increasing spacing.
• Small rotations (5–15°) often look better than a full 45°.

FAQ