infra isoline

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