# A Blockade Labs launch page where shaders do the selling

> A lead-generation landing page for a product launch, with a 3D hero scene and custom shaders that mimic light refracting through glass.

Canonical page: https://andersonmancini.dev/blog/blockade-labs-launch-page

Published: 2026-08-20 · 1 min read · Tags: three.js, webgl, shaders, landing-page, launch

A launch page has to be two things at once: a brand story and a conversion funnel. This one, for a **Blockade Labs** product launch, uses a hero 3D scene that sells the product **before the form appears**.

![The Blockade Labs launch page](https://andersonmancini.dev/images/blockade_labs.webp)

## The shader detail

Custom shaders mimic light refracting and reflecting across glass surfaces, with caustic-like streaks and spectral shifts. The page feels alive, and the effect is kept from overwhelming the message.

## What it shows

How shader craft and launch marketing can share the same canvas on the open web, built with Three.js.

## Related video

There is a short video of the [GLSL background made for Blockade Labs](https://andersonmancini.dev/videos/three-js-glsl-background-for-blockade-labs.md).

## Try it

The page is live at [blockade-brand.vercel.app](https://blockade-brand.vercel.app/), and the details are on the [project page](https://andersonmancini.dev/projects/blockade-labs-page.md).

## Related projects

- [Blockade Labs page](https://andersonmancini.dev/projects/blockade-labs-page.md) — Interactive branding for Blockade Labs