Original generatorSwiss design
Rounded Rows
Rows of rounded rectangles morphing from circles to squares, one blue shade per row on black.
Tiling
Seamless
Controls
11 editable
Format
SVG-first
Source
Rounded 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.
- Columns
- 5
- Cell width
- 29
- Horizontal step between two shapes.
- Cell height
- 30
- Vertical step between two rows.
- Shape width
- 28
- Shape height
- 28
- Horizontal inset
- 0.5
- Horizontal offset of each shape inside its cell.
- Vertical inset
- 1
- Vertical offset of each shape inside its cell.
- Top radius
- 14
- Corner radius of the first row.
- Bottom radius
- 2
- Corner radius of the last row.
- Row colors
- 5 colors
- One color per row, from top to bottom.
- Background
- #000000
Styles and features
swissroundedgridgradientseamless
Keep exploring