the engine
Tell GenLP what the website is for. It does the homework, then builds it.
Compositions decide how the facts and sections are arranged inside each designed family.
the multiplication
One set of facts. Many valid combinations.
The engine assembles a website by picking from four independent axes. Each axis multiplies the rest.
= tens of thousands of valid combinations.
catalog
The current topology vocabulary.
Diagrams show the shape. Hover any card to read the one-line caption. The chip at the bottom lists the families that currently route to this topology — those routes evolve as families are polished, so the list is editorial, not fixed.
banner
Banner
Content stacks above a wide image rail.
Used by: active · atelier · aura · authority · bento · cinematic · editorial · kinetic · lab · monolith · neo-brutal · swiss · trade · vital
sidebar
Sidebar
Text column paired with a media column.
Used by: active · atelier · aura · authority · editorial · kinetic · lab · monolith · swiss · trade · vital
bands
Bands
Alternating horizontal bands of copy and media.
Used by: active · atelier · aura · authority · bento · cinematic · editorial · kinetic · lab · monolith · neo-brutal · swiss · trade · vital
breakout
Breakout
A featured module breaks the grid edge.
Used by: active · aura · authority · bento · cinematic · kinetic · monolith · neo-brutal · swiss · trade · vital
grid
Grid
Uniform card grid for collections.
Used by: bento · lab · neo-brutal
feature
Feature
Lead module anchors a supporting grid.
Used by: atelier · cinematic · editorial
float
Float
Main column with floating side cards.
see them in motion
The same facts, shaped by every family.
Open any example and try a different family. The facts stay the same while the design changes.
your turn