Diamond Grid

What this grid is

A Diamond Grid is a lattice made from two families of straight, parallel lines. One family is tilted by +Tilt, the other by -Tilt. Where they intersect, they form repeating diamond (rhombus) cells. At 45° tilt, the pattern becomes a rotated square grid.

Key parameters

• Columns / Rows — Grid extent. Larger values create a larger lattice area.
• Spacing (px) — The perpendicular distance between adjacent parallel lines.
• Tilt (°) — Angle relative to horizontal. 45° is the classic diamond.
• Line Width (px) — Stroke thickness. Thin lines feel technical; thicker lines read better at small sizes.
• Opacity (%) — Visual strength. Lower opacity is better for an underlay.
• Line Color — Contrast against your background.

Unique highlights

• Pure line geometry. Clean and fully editable in vector tools.
• Simple control surface: spacing + tilt gives many looks.
• Works well as an underlay for composition, shading, and pattern fills.
• Predictable structure for manual drawing, icon construction, and layout guides.

Typical use cases

• Argyle and geometric textile patterns.
• Background structure behind typography and posters.
• Technical illustration underlays and construction lines.
• Diagram templates and decorative frames.
• Pattern fills in SVG workflows (Illustrator, Figma, Inkscape).

Tips

• If you want “square” diamonds, set Tilt = 45°.
• For subtle backgrounds, reduce opacity and use a light line color.
• If the output becomes too dense, increase spacing rather than increasing line width.
• If you hit limits, reduce Columns/Rows first.

FAQ