Original generatorSwiss design
Mirrored Rows
Rounded squares stepping through a blue ramp, mirrored vertically for a continuous cyclic gradient.
Tiling
Seamless
Controls
9 editable
Format
SVG-first
Source
Mirrored Rows
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.
- Cell width
- 29
- Horizontal pitch of one shape cell.
- Cell height
- 30
- Vertical pitch between two rows.
- Shape width
- 28
- Shape height
- 28
- Horizontal inset
- 0.5
- Offset of the shape inside its cell.
- Vertical inset
- 1
- Corner rounding
- 1
- Scale factor applied to the corner-radius ramp (1 = circle to square).
- Row colors
- 5 colors
- One color per row, applied top to bottom.
- Background
- #000000
Styles and features
swissroundedgradientrowsmirrorseamless
Keep exploring