Original generatorSwiss design
Diagonal Lattice
A slanted lattice of thick lines crossing at a gentle slope, like a sheared grid.
Tiling
Seamless
Controls
7 editable
Format
SVG-first
Source
Diagonal Lattice
Fully parametric
Default controls
These are the starting values shown in the editor. Every control below remains editable, alongside global repeat, color, layout, grain, and export settings.
- Line spacing
- 300
- Slope denominator
- 4
- Lines rise 1 unit for this many units across (slope 1/n).
- Line width
- 20
- Horizontal family offset
- 20
- Vertical family offset
- 187
- Background
- #181A15
- Lines
- #FBC15D
Styles and features
swisslatticelinesgriddiagonalseamless
Keep exploring