Scrim is a landing page I designed and built for a feature-flag and staged-rollout product.
A scrim is the theatre gauze that hides a set until it's lit from behind. Feature flags do the same with code, so I staged the whole page as a show: a silk curtain opens it and falls closed again at the end.
Some of the moments:
- The curtain is live WebGL silk, backlit from deep umber to pale gold. Its folds part toward your pointer.
- The product console arrives lying flat on the stage floor and hinges up to face you. Keep scrolling and it comes apart into its four cards, at different depths, and stays that way as the section leaves.
- "40 ms" counts down to "0.04 ms" as you scroll, next to a code window in four languages.
- Pricing is a theatre ticket. Drag to your number of users and it reprints itself for the plan that fits.
- Every FAQ answer sits behind its own feature flag. Switch one on and it rolls out to you.
- At the end the same curtain falls closed, with "Break a leg." printed across it.
The product UI is all HTML, CSS and SVG, with no image files. Built with Next.js 16, Tailwind CSS v4 and Lenis.
Live link: https://scrim-seven.vercel.app
0 likes · 1 view · Oct 23, 2026
Scrim is a landing page I designed and built for a feature-flag and staged-rollout product. A scrim is the theatre gauze that hides a set until it's lit from...
