Independent studio — United States & European Union
Landing pages that convert, built for every kind of business.
This site is a working archive, not a template shop: six production-grade landing pages across six industries, each with its own brand, design system and engineering budget. Open one — every pixel ships.
- Next.js 15 · App Router
- 100% statically generated
- Zero third-party scripts
- WCAG AA contrast
The collection
Six industries. Six original builds.
Each route is a fully isolated application: its own fonts, color tokens, components and copy. No shared visual identity — only shared engineering.
Pulsegrid — API monitoring
Know your API is down before your customers tweet about it.
- Challenge
- Communicate a technical observability product in a single scroll.
- Solution
- Dark-mode hero with a live-feeling dashboard mock, bento-grid feature breakdown, one dominant CTA.
Tandem — shared support inbox
Every customer email answered by a human, in half the time.
- Challenge
- Differentiate a crowded support-tool category without another blue gradient.
- Solution
- Light editorial art direction: warm serif headlines, illustration-led product story, playful microcopy.
Maple & Main Family Dental
Gentle, modern dentistry for the whole family in Riverbend.
- Challenge
- Turn anxious first-time visitors into booked appointments.
- Solution
- Photography-led warmth, trust signals above the fold, a four-field booking form and real opening hours.
Offgrain — design studio
We build brands that refuse to blend in.
- Challenge
- Prove creative range and taste without explaining them in words.
- Solution
- Oversized display type, deliberately broken grid, hover-distortion work grid, personality-first voice.
Vanta V1 — wireless headphones
Studio sound, forty-hour battery, nothing you don't need.
- Challenge
- Sell one launch product at a premium price with zero retail presence.
- Solution
- Cinematic single-product story, review-driven social proof, tasteful launch countdown, sticky mobile cart.
Meridian Regulatory Advisory
Regulatory clarity for fintechs moving fast in regulated markets.
- Challenge
- Earn trust from risk-averse B2B buyers within one visit.
- Solution
- Credibility-first structure: outcome numbers, named experts, anonymized case results and a low-friction consultation CTA.
Why this collection matters
The engineering standards below are not marketing claims — they are how every page in this archive is built, and they are verifiable in DevTools right now.
6
production-grade builds in this collection
SaaS, local, agency, commerce and corporate
0
third-party scripts shipped to any route
No analytics tags, trackers or widget bloat
≤2
font families per sample, self-hosted
next/font with swap and latin subsetting
44px+
minimum touch target on every control
Mobile-first, thumb-friendly by default
- Next.js 15 · App Router
- TypeScript strict
- Tailwind CSS v4
- Framer Motion
- Deploy target: Vercel
Approach
Built like client work, because it has to be.
Design is measurable
Every sample applies conversion research deliberately: one dominant CTA, four-field forms, social proof placed where doubt happens. Beauty that doesn't sell is decoration.
Performance is the pitch
Static generation, self-hosted fonts, CSS-only entrances above the fold, and animation budgets measured in kilobytes. Fast is a feature — and here, it's proof of work.
Range proves craft
A dark observability dashboard, a warm dental studio and a broken-grid design agency share nothing visually. What they share is discipline: type scale, spacing, motion and accessibility.
Start your project
Have a product that deserves a better first fold?
Tell us what you're launching and who it's for. You'll hear back within one business day — with an honest opinion, whether or not we end up working together.