notes
Decisions, tools, and tradeoffs from actual projects — no filler, no listicles written to rank.
"Not made." — the one page on the site nobody's supposed to end up on, and we still didn't skip the brand. Type a fake URL below.
Importing five records and record four fails — do you keep the first three, or nothing? Toggle the demo below to see both outcomes.
Most quote forms ask what package you want. We'd rather start from the actual problem — pick one below and see what it's really costing you.
No stock photos, ever — when a real screenshot doesn't exist yet, the site shows a labeled placeholder instead of faking one. See both side by side.
The three things a mobile nav overlay has to get right that most tutorials skip. Tap the icon below, then try pressing Escape.
Check e-commerce without a backend and most quote tools just take your money. Ours won't let the selection be inconsistent in the first place. Try it below.
The cursor-reactive variable-weight effect from our web hero, except this time you pick the word. Go ahead, type something.
Most sites check the media query once and call it done. Here's what that misses, and how every animation on this site handles it properly. Try the toggle below.
The most common complaint about studios isn't the work — it's what happens the week after you pay the final invoice. Here's what stays true here.
How our Vision Pro page fakes headset parallax with rotateX/rotateY and a handful of translateZ values — real CSS 3D, no library. Move your cursor over the demo below.
How Apple-style product pages make giant words fly toward you as you scroll — it's three transforms and a shared timeline, not a video. Scroll the demo below.
Letters that get heavier and brighter the closer your mouse gets, using a variable font's weight axis instead of a swapped font file. Move your cursor near the word below.
A shared-element transition — a home-screen icon expanding into the app it opens — built with two rects and AnimatePresence, no native APIs involved. Tap an icon below.
Real starting prices, pulled live from the same pricing engine that runs our checkout — not a 'contact us for a quote.' Pick a service below.
How to stagger a grid of items by both column and position with one small formula — the technique behind the tech-stack chips on our service pages.
Discovery, design, build, launch — four phases, and the section of the homepage that explains them is doing more engineering than it looks like. Scroll the demo below.
Scroll hijacking is the reason your arrow keys and Page Down "randomly stop working" on some sites. Feel the difference between the two below.
The homepage opens with a two-second title sequence — a line of light expanding into the wordmark — that almost nobody has actually seen twice. Replay it below.
The hero has a draggable seam. The footer has a splitting wordmark. It turns out there's a third one, quietly running on every single page.
Three small effects that never got their own post — an odometer, a scroll bar, and a reading line — because none of them are impressive alone. Try all three below.
The dot and the ring that follow your pointer around the site aren't the same speed on purpose. Move your mouse in the box below.
Every letter of our logo secretly knows which half of the name it belongs to. Hover one below and watch it switch sides.
The draggable line down the middle of our homepage isn't decoration — it's the entire pitch, made touchable. Drag it below.
How the homepage presents Web, iOS, macOS, and Vision Pro as physical sheets stacking on top of each other — try it below.
Windows, volumes, and immersive spaces aren't three sizes of the same screen — they're three different design problems.
The scroll-scrubbed paragraph on our homepage, and why it's driven by scroll position instead of time.
Making every call-to-action on the site pull toward the cursor, without touching anyone on a touchscreen.
The honeypot field we actually ship instead — invisible to you, irresistible to a bot.
Why we default to boring, well-worn tools instead of whatever launched on Twitter last week — and the one time we don't.
Why every message you send reaches whoever is actually writing the code — and what that means when something goes wrong.
Why we quote a number before we write a line of code, and what has to be true for that to work.
Why the same two people write the website and the iOS app, and what that actually costs us.