infra isoline

About this template

A dark, editorial coming-soon template for AI, Web3 and deep-tech launches. Let a living topographic map drift behind the whole page, fly visitors through a WebGL depth gallery as they scroll, and collect sign-ups for your launch with a live countdown and a waitlist.

Isoline pairs a field-notes layout of figure captions, coordinates and numbered sections with quiet WebGL throughout. Behind every section, contour lines of a generated terrain carry travelling pulses of light. Chapters pin in place, fade out and are covered by the next one.

Key features

Home and a custom 404 page (signal lost)

WebGL topographic background: animated contour lines with travelling light pulses and scroll parallax, with controls for terrain, density, camera tilt and colours

Launch countdown in the hero, plus an email field to get notified

Depth Gallery: a scroll-driven WebGL flight through your images, with rounded corners, cursor parallax, a light trail and a 01 / 05 counter with progress bar. Images, titles, references and descriptions come from Framer CMS.

Sticky chapters: sections pin, fade and are covered by the next one. The gallery holds its last frame while the next chapter slides over it.

Network section: a bento of design targets, with an image tile, spec chips and four stat cards

Full-bleed photo cover with three ways to take part: Build, Operate, Verify

Early access section: a cohort card with a progress bar and a waitlist form with email, role select and loading, success and error states

Editorial details: a masthead with figure captions, numbered section kickers and coordinate lines

Responsive layouts for desktop, tablet and phone. The gallery switches to a stacked layout on smaller screens, and WebGL renders lighter on touch devices.

Shared colour and text styles, plus a custom favicon and social image

The Depth Gallery is adapted from Houmahani Kane's Codrops demo (MIT licence).

Feel free to reach out with any questions - demidov.alexandr@gmail.com