GRADIENT MAKER

TypeDirection0°

Color 1

Color 1 position0%

Color 2

Color 2 position20%

Color 3

Color 3 position50%

Color 4

Color 4 position72%

Color 5

Color 5 position88%

Color 6

Color 6 position100%

Locks keep colors and their stop positions during Randomize. You can still edit them.

EXPLORATION

Palette style

Seed

A seed recreates the generated result with the same type, palette style, stop count, locks and grain. Share or JSON also keeps your later edits.

Horizon68%Bloom22%Grain3%Vignette18%

Brightness100%Contrast100%Saturation100%Rotation0°

Aspect ratio

Midnight Horizon

Live preview

Presets (10)

Construction guides

GRID GEOMETRY

ConstructionGrid spacing100 unitsGrid subdivisions4Line thickness1 units

Line color

Grid opacity65%

Construction seed

Randomize uses shared modules, symmetric circles and consistent angle families. The seed recreates its geometry. Line styling stays as you set it.

GRID PLACEMENT

Grid X0%Grid Y0%Grid scale100%Grid rotation0°

LOGO GRID STUDIO

Build your construction.

Move layer

Drag the selected layer, or focus the preview and use arrow keys. Shift moves in larger steps. Construction guides are optional and do not automatically make a logo balanced or correct.

Take the construction with you.

IncludeFormat

SVG keeps separate editable grid and logo groups. PDF uses your browser’s Save as PDF dialog and preserves vector paths; some SVG filters may be rasterized. PNG has a transparent background. Raster uploads retain their original detail at every export size.

Enjoying the lab?

A little support helps me keep this site running.

View my Behance portfolio

Design + Code by MounirMade for the space between colors.