landing-starter GitHub ↗
template catalog

Pick a landing.
Make it yours.

Product landing templates in plain HTML, CSS and JavaScript. Preview the live demo, then download the one you want — no build step, no dependencies, no framework.

Classic template — hero of the live demo live preview ↗

Classic

generic · baseline

distilled from an analysis of openlogi.org

The quiet one: hairlines instead of shadows, a subtractive navbar, isometric illustrations in the feature cards, light and dark themes. The download buttons resolve the latest GitHub release on their own.

Light & dark Isometric SVGs Subtractive nav
Preview Download .zip
Aurora template — hero of the live demo live preview ↗

Aurora

generic · artifact-rich

a fresh take, inspired by the MIT Genex desktop app

The night one: dark-first with a working light variant. An app frame with a halo, mini-UI mocks, gradient ribbons, a starfield CTA, a footer range and grain over everything — all CSS and SVG, no video.

Dark-first Glow & ribbons Starfield OFL fonts
Preview Download .zip
Silk template — hero of the live demo live preview ↗

Silk

concept · commerce

a concept silk atelier — editorial, no images

The tactile one: warm paper, Bodoni display and silk drawn entirely in CSS. An editorial collection with a working cart demo, a workshop timeline and a journal — no backend, no external requests.

Warm palette CSS silk Cart demo OFL fonts
Preview Download .zip

How to use.

  1. Download the zip you picked — or clone the repository. Each zip carries a START-HERE.md with both paths.
  2. Instantiate it from a clone of landing-starter. The bootstrap fills every placeholder and fails loudly if one is left behind: $ node bootstrap.mjs ../my-app --template template-v2 --name "My App" --accent "#7c3aed" Drop --template for Classic (the default); run node bootstrap.mjs --list to see the catalog.
  3. Customize the tokens at the top of assets/css/styles.css, then serve it — node serve.mjs. There is no build step.