Greek Key / Meander Grid
What this grid is
A Greek Key / Meander Grid is a repeating orthogonal ribbon pattern built from stepped right-angle turns. It is closely related to the classic Greek key border and meander motif seen in architecture, packaging, editorial ornament, and decorative frames.
This generator creates clean SVG meander bands arranged in exact rows and columns. Use it as a decorative background, a structured border system, or a geometric accent behind labels, typography, and product mockups.
Key parameters
- Columns / Rows — The visible count of meander units across and down.
- Cell Width / Cell Height (px) — The size of each repeated meander unit. Equal values feel more classical; stretched values create a wider border-like rhythm.
- Turn Depth (%) — Controls how deep the inner step reaches into each cell.
- Band Width (px) — Thickness of the meander ribbon itself.
- Column Gap / Row Gap (px) — Spacing within a row, and spacing between adjacent rows.
- Alternate Row Offset (%) — Shifts every other row along the row direction.
- Band Color / Band Opacity — Style the main meander ribbon.
- Outline Width / Outline Color / Outline Opacity — Add an optional border around the ribbon for sharper ornamental contrast.
Unique highlights
- Exact count-based rows and columns, instead of clipping a continuous infinite pattern.
- Classic meander look with editable SVG ribbon styling.
- Independent cell width and height for square, stretched, or border-like proportions.
- Separate band and outline controls, useful for ornamental graphic styles.
Typical use cases
- Decorative borders and panels.
- Packaging, stationery, and label design.
- Editorial dividers and poster ornaments.
- Surface pattern backgrounds with a classical geometric feel.
- Frame-like motifs behind logos or typography.
Tips
- Start with equal Cell Width and Cell Height for a classic Greek key feel.
- Increase Cell Width while keeping Cell Height smaller for a border-strip look.
- Use a darker Outline Color with a brighter Band Color for a clean ornamental ribbon effect.
- If the pattern feels too dense, reduce Turn Depth or increase Row Gap.
FAQ
What does Turn Depth (%) change?
It changes how far the inner meander step reaches into each cell. Lower values feel more open; higher values create a denser, more keyed look.
How do Column Gap and Row Gap differ?
Column Gap changes spacing between neighboring units in the same row. Row Gap changes spacing between adjacent rows of the pattern.
Why use Alternate Row Offset (%)?
It shifts every other row along the row direction, which helps break uniform stacking and create more decorative staggered layouts.
Can this be used as a border instead of a full background?
Yes. Use fewer Rows, increase Cell Width, and keep Row Gap modest to make horizontal ornamental strips.