Your reputation has already outgrown your website.
A one-page study in the marquee-studio idiom of bymonolog.com, rebuilt from scratch in the CRDA system. The bones are borrowed; the copy, code and type are ours.
The gap between how good you are and how good you look is a design problem.
Studios like MONOLOG close that gap with editorial pacing: oversized type that states a position, restrained chrome, and one idea per screen. This lab rebuilds that pacing to learn it, on honest content only. Nothing here is a fake client or an invented number.
Bateau Bay Cellars
E-commerce for a Central Coast wine merchant: catalogue, age gate, checkout. Next.js, Supabase, Stripe.
Live client build02MODA Concept
A kinetic-editorial homepage for a studio that does not exist. The techniques are real; the client is not, and the page says so.
Labelled fiction03Lusion Study
Seven simulated bodies and a field of iron filings, choreographed by springs and collisions instead of keyframes.
Lab 00104CRDA.AU
Kinetic variable type over a Bayer-dither flow field, with a work index where every row is a real build.
The agency siteWho does the work?
Caleb Rattery. One designer-engineer, no handoffs: the person you brief is the person who designs, builds and ships it.
What is the stack?
Next.js and TypeScript at the core, React Three Fiber for WebGL, GSAP for motion. Boring where it should be, expressive where it counts.
Do the tricks slow the site down?
No. Frame loops idle when they leave the screen, reduced-motion and no-WebGL visitors get a full static tier, and the copy renders on the server before any script runs.
How fast do you reply?
Within 24 hours, usually much faster. Sydney timezone.