vibemypage.com — the site that sells itself.

Prove — through the artifact itself — that an AI studio can design at the level of the best boutique motion shops. No borrowed portfolio, no stock imagery, no template underneath. Every visitor's decision to hire happens in the first thirty seconds of scrolling, so the site had to be the evidence, not describe it.

Constraints: static hosting, mobile-first performance, a genuine WebGL moment with a real reduced-motion fallback, and a three-tier offer a business owner can price in one scan.

Phosphor & Amber. A studio that works in light and typography should be built from those two materials: petrol-black screen phosphor as the ground, molten amber — hot-metal type — as the mark, glacial cyan reserved for the interactive layer. A duotone with a reason, not a gradient with a vibe.

One element carries the whole thesis: a WebGL particle field that assembles the studio monogram in front of the visitor, breathes while idle, bends away from the cursor, and disperses as you scroll into the page. The site literally performs its own construction — which is the pitch.

It's a single draw call: ~20,000 points, custom vertex/fragment shaders, pixel ratio capped at 1.75, and a render loop that suspends itself the moment the hero leaves the viewport. Visitors with reduced motion enabled — or no WebGL — get a composed static poster instead of a degraded animation.

Every section transition uses a different technique on purpose — repetition is what makes scroll sites feel templated. In order of appearance: the particle dispersal, a full-bleed amber clip-path wipe, masked line reveals on the thesis, live counters on the spec sheet, sweeping rules on the tier ledger, and drawn-in hairlines on the process. Smooth scroll runs on Lenis; choreography on GSAP ScrollTrigger.

This studio is new, so there are no client logos to borrow credibility from — and we won't invent any. The two studies below are internal capability studies: full art directions produced to demonstrate range, clearly labelled as such. The first client sites will replace them here, with numbers.