Spiral Grid
What this grid is
A Spiral Grid is a continuous spiral curve used as a structural guide. It is useful for compositions that should “flow” outward from the center, or for layouts that follow a radial path. This generator supports two common spiral families: Archimedean (constant spacing) and Logarithmic (percentage growth).
Key parameters
- Spiral Mode — Archimedean gives even spacing between turns; Logarithmic grows faster as it moves outward.
- Turns — How many revolutions the spiral makes.
- Spacing (px) — Archimedean only; the radial distance between consecutive turns.
- Growth (% / turn) — Logarithmic only; each turn multiplies radius by (1 + growth/100).
- Start Radius (px) — Creates a hole in the center (useful for labels or emblems).
- Direction — Clockwise or counterclockwise.
- Rotation (deg) — Rotates the spiral without changing its shape.
- Spokes / Rings (optional) — Add guide lines or guide circles to build hybrid radial layouts.
Unique highlights
- A single path can act as both grid and ornament.
- Archimedean spirals are great for evenly spaced layouts; log spirals feel more “natural” and dynamic.
- Optional spokes and rings let you combine spiral structure with polar guides.
Typical use cases
- Poster layouts that place elements along a spiral.
- Badge or sticker designs with a swirling focal point.
- Radial infographics and “growth” visuals.
- Decorative engraving-style spirals.
- Alignment guides for typographic experiments (spiral text paths).
Tips
- For a calm, engineered look, use Archimedean with moderate turns and steady spacing.
- For a dramatic, zoom-like look, use Logarithmic with a small growth value (e.g., 5–20%/turn).
- If the spiral overlaps too much, reduce Turns or increase Spacing/Growth.
- Use Start Radius to reserve space for a logo mark or central label.
FAQ
Which spiral mode should I choose?
Archimedean for even spacing; Logarithmic for accelerating growth and a more natural feel.
Why is log spiral controlled by growth instead of spacing?
Log spirals are defined by multiplicative growth, so percentage control matches the math.
Can I make a spiral-only output?
Yes; keep spokes and rings disabled.
Does direction matter visually?
It changes the swirl orientation, which can affect perceived motion.
How do I keep SVG complexity reasonable?
Use fewer turns and a larger wavelength/spacing so the path has fewer segments.