01
Listen
Business, buyer, and constraint — before a single frame is drawn. The brief is a conversation, not a PDF.
INDEX 019 / PRISM
Sites thatbehave likelight.
Refraction, not decoration. A complete story in scroll form — thesis, craft, proof, and price — where every surface answers the cursor and holds sixty frames while it does it.
Most sites scatter attention.
Most sites scatter attention.
Most sites scatter attention.
Most sites scatter attention.
Scroll and the colour fringes collapse into one line. That is the whole thesis, rendered literally: focus is something you engineer.
Optical bench · live
Light is not decoration. It is direction.
Real dispersion, not a PNG. White light hits BK7 glass; Snell bends each wavelength by its own index from the Cauchy equation. Scroll to sweep the angle of incidence.
n(λ)=A+B/λ² · n₁sinθ₁=n₂sinθ₂ · δ=i+e−A
Incident white beam · unresolved superposition
Every feed starts as noise.
From noise to signal
Scroll-driven particle morph through five stages: noise, scatter, refract, focus, and signal.
The craft
Four acts. No filler scenes.
Flagship work is a plot, not a pile of sections. Each act earns the next — so by the time pricing appears, the price already feels inevitable.
02
Compose
Type, hierarchy, and motion designed as one system. Copy and interface arrive together, not in sequence.
03
Animate
Scroll, cursor, and device become instruments. Sixty frames or it does not ship. Reduced-motion always has a path.
04
Keep
Hosting, headers, uptime, and a human who answers. Flagship is not a handoff — it is a kept promise.
Why it costs what it costs
You are not buying pages. You are buying a system that holds.
Motion without hierarchy is noise. Hierarchy without story is a brochure. Story without upkeep is a launch-day screenshot. The flagship tier is all three — composed, kept, and honest about the price of that standard.
Constraints
0
Builds in the index
Nineteen briefs, one prompt, nineteen points of view. This is number nineteen.
0fps
Motion budget
Every effect here is canvas or compositor-only. No layout thrash, no jank on mid-range hardware.
0kb
Animation libraries
No GSAP, no Three.js, no Lenis. Raw canvas, one animation frame loop, and modern CSS.
0
Rubric dimensions
Signal, hierarchy, typography, conversion, accessibility, performance, distinctiveness. Frank scores all seven.
0%
Reduced-motion path
Toggle the OS setting and the whole experience degrades to a still, readable document. Nothing breaks.
The engagement
Real prices. No retainers. No surprises.
Business Site
$3,000
one-time · $99/mo to maintain
- Up to 12 pages
- CMS or headless backend
- SEO and AEO included
- Analytics + uptime monitoring
Web App / Site
$10,000
one-time · transferable off our infra
- Custom application logic
- Auth, data, integrations
- Managed security headers
- $300 transfer fee
Flagship
$50,000
one-time · you are looking at one
- Bespoke art direction
- Custom motion system, zero libraries
- Reduced-motion and a11y paths
- $1,500 transfer fee
Nineteen builds sit in the public index. Every one of them is live, graded by Frank, and linked from the gallery — no mockups, no case-study fiction. Every tier ships with SSL, security headers and managed hosting by default. Security is the standard here, not the upsell.
Close
You will not remember the effects. You will remember how it felt.
If this page felt complete — not loud — that is the standard. Bring the business. We will bring the prism.