Lucive/

// Generative brand art

Every contour on this site came out of this.

The terrain behind the homepage is not a stock texture. It is a seeded elevation field run through marching squares, written here. This page is running that same code now.

Generated contour plate, Final stage. 21 elevation levels, seed 7734112, 2 peaks.

// Stage

Catmull-Rom fitted to beziers

// Seed
7734112

// Measured this frame

Field -- ms
Isolines -- ms marching squares
Stitch -- ms segments to lines
Simplify -- ms
Bezier -- ms catmull-rom
Draw -- ms commands issued
Total -- ms 0 paths

// How it works

  1. 01

    Field

    Seeded elevation, domain warped

  2. 02

    Isolines

    Marching squares, raw segments

  3. 03

    Simplified

    Douglas-Peucker, surviving points

  4. 04

    Final

    Catmull-Rom fitted to beziers

The field is seeded, so a given seed always produces identical terrain. That is what makes it safe to commit the output: the plates on the rest of the site are generated once at build time and checked in, rather than generated per request, so terrain cannot shift between deploys.

One difference worth stating: the final stage is drawn brighter here than it ships. On the rest of the site these lines sit behind body copy, so they are set faint on purpose. The geometry is identical either way, and a test holds it to the committed file path for path.

We build the products and the things that decorate them. Tell us what you are building →