Skip to content
Gradient Stripes repeating pattern preview
Original generatorSwiss design

Gradient Stripes

Horizontal stripes that grow steadily thicker until they merge into a solid block.

Tiling

Seamless

Controls

3 editable

Format

SVG-first

Source

Gradient Stripes

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.

Stripe weight
1
Multiplier applied to every stripe height.
Background
#1A163B
Stripes
#EE1B24

Styles and features

swissstripesgradientlinesseamless

Keep exploring