Design Agencies Reference
The studios and people worth benchmarking design-engineering work against — tech-startup brand systems, award-grade WebGL/3D craft, the open-source studios whose tools already ship in the stack, boutique conversion specialists, and the solo design engineers and craft libraries setting the bar. Use them to extract patterns (nav treatment, hero structure, grid logic, depth cues, motion rhythm), never to cargo-cult a whole site.
Tech & startup brand systems
Basement Studio (basement.studio) — Argentine digital studio (founded 2018, Mar del Plata) whose tagline is "we make cool shit that performs." It has become the default brand-and-web partner for the AI/devtools world Kevin builds in: Vercel since 2020 (branding, a custom typeface, Vercel Ship, IRL events — full 360° support), plus Next.js, Linear, Cursor, Scale, Harvey, Baseten, Black Forest Labs, Krea, Replicate, and Cal, alongside culture work for MrBeast, Daylight Computer, and KidSuper. Capabilities span websites & features, visual branding, IRL experience design, and marketing execution. The reference for the modern tech-startup aesthetic executed at a high craft-and-performance bar. Source: basement.studio, https://basement.studio/, 2026-06-14 Source: Basement Studio Review 2026, https://subarnopaul.com/blog/basement-studio-review-2026-why-design-twitter-loves-this-studio, 2026-06-14
Real-time 3D, WebGL & immersive craft
The studios that define the ceiling for what real-time 3D and motion on the web can do — extract their depth cues, scene composition, and motion rhythm, not their literal scenes.
Lusion (lusion.co) — Bristol studio founded by Edan Kwan in 2017, specializing in real-time 3D visual storytelling and interactive web. Client work for Coca-Cola, Porsche, Max Mara, and Google; honors from Cannes Lions, D&AD, Webby, Awwwards, and FWA. Lusion Labs (e.g. Oryzo AI, My Little Storybook) is where they experiment in public. The benchmark for ambitious, performance-aware WebGL. Source: lusion.co, https://lusion.co/, 2026-06-14 Source: Codrops studio profile, https://tympanus.net/codrops/2026/04/13/lusion-where-digital-craft-meets-ambitious-experimentation/, 2026-04-13
Active Theory (activetheory.net) — Venice, California creative-technology studio (founded 2012, ~34 people across 11 countries) known for immersive digital experiences built on a proprietary in-house web toolset. A long-running reference for ambitious campaign and brand-world work. Source: activetheory.net, https://activetheory.net/, 2026-06-14 Source: Active Theory LinkedIn, https://linkedin.com/company/active-theory, 2026-06-14
Noomo Agency (noomoagency.com) — 3D storytelling and immersive-web studio working with Salesforce, AMD, Red Bull, and Vogue Business; heavily awarded by Awwwards and FWA, including AI-driven work via Noomo Beat/Labs. Narrative-first 3D where "the story dictates the medium." Source: noomoagency.com, https://noomoagency.com/, 2026-06-14
More craft & immersive studios (Awwwards/FWA circuit, verified 2026):
| Studio | Base | Known for |
|---|---|---|
| Locomotive (locomotive.ca) | Canada | Digital-first design + dev; 7× Awwwards Agency of the Year (281 awards). |
| Obys (obys.agency) | Europe | Small, concept-driven; typography/grid/narrative-first (the "Grids" manifesto). |
| Phantom (phantom.land) | London + Auckland | Creative + engineering; interactive experiences (Google, Doja Cat, Everyday Robots). |
| Resn (resn.co.nz) | Wellington + Amsterdam | Digital arts; immersive 3D/interactive (Nike, Lexus, Samsung, Spotify). |
| Cuberto (cuberto.com) | — | Product design + dev with signature motion (open-source Cuberto Mouse Follower). |
| 14islands (14islands.com) | Stockholm + Reykjavík | WebGL/Three.js/React experiences (Google, Spotify, Cartier, UN); Awwwards Agency-of-the-Year nominee. |
| Unseen Studio | Bristol / London | Brand, motion, and digital product with heavy visual craft. |
| Studio Null (madebynull.com) | Europe / W. Africa | Craft-focused web experiences (Disney, Google Fonts, Paystack); Webby/Awwwards. |
Locomotive's careers/contact artifact is worth preserving separately from the agency table. The reviewed video shows a muted full-bleed careers page with a CRT-head avatar, cursor-triggered screen states, role pills, sound controls, and text that resolves around open roles. The live careers page confirms the current structure: five positions, values, culture/trips content, and open Project Manager / UX Strategist / Front-end Developer roles. Use it as a reference for agency-grade recruitment/contact pages where the interaction itself communicates culture. Source: X/@Abmankendrick, 2026-06-12; Source: Locomotive Careers, checked 2026-07-02
Open-source design-engineering studios
darkroom.engineering (formerly Studio Freight) — the design-engineering studio best known here as the maintainer of Lenis, the smooth-scroll library that sits in the "scroll storytelling" slot of Frontier Stack 2026. After the rebrand the package moved from @studio-freight/lenis to the standalone lenis (a codemod migrates the old namespace). The studio to study for the case where a studio's open-source becomes shared infrastructure — you're already running their code. Source: lenis.dev, https://www.lenis.dev/, 2026-06-14 Source: darkroomengineering/codemods, https://github.com/darkroomengineering/codemods, 2026-06-14
Conversion & product design for AI/tech
HeyKuba (heykuba.com) — the boutique studio of Kuba Gawlik, a designer with 12+ years' experience who went independent in 2023 (known on X for Midjourney visuals and Framer builds). He now works exclusively in Framer (partnering with a Framer Pro Expert for builds), delivering conversion-focused sites for AI/tech, Web3, design agencies, and dev teams in 4–8 week engagements with rapid iteration over Slack/Telegram. The reference for fast, high-conversion, production-ready marketing sites — note this is a solo-led boutique, not a large agency (a correction from this page's earlier "agency" framing). Source: heykuba.com, https://www.heykuba.com/, 2026-06-14
kreos.agency (Kreoslab) — UK product-design and branding studio positioned as "illustrated + motion-first design for startups, SaaS, and modern products." Offers UI/UX, branding, and Framer/Webflow development on a monthly design-retainer model plus one-off landing-page packages. Already cited as an agency reference in Frontend and Design Skills; added here so the catalog matches the rest of the graph. (Not to be confused with kreos.io, an unrelated video-ads service.) Source: kreos.agency, https://kreos.agency/, 2026-06-14
Hyperstudio (hyperstudio.org) — self-described "award-winning design studio for tech founders in Web3, AI, and SaaS," with 9+ years building brands and high-converting websites (plus 3D and animation) meant to help startups raise capital and launch. Founder-led, product-literate positioning ("most design agencies aren't built for technology companies"). Sits next to HeyKuba and kreos as a brand-and-conversion option for AI/tech. (Distinct from the Madrid art/XR studio at hyperstudio.es.) Source: hyperstudio.org, https://hyperstudio.org/, 2026-06-14
Solo design engineers & craft references
Individual practitioners — and the craft libraries they publish — whose execution is itself the benchmark. Useful for sweating interaction detail and studying taste, not for hiring an agency.
Josh Puckett — design engineer with ~20 years on products like Dropbox and Wealthfront; runs Iteration (startup design partner) and publishes Interface Craft (interfacecraft.dev), a library/community about "designing with uncommon care." Founding design partner at Combine VC (early in Framer, Runway). The reference for high-intentionality interface craft and interactive explanation: his leading/measure figure shows why design concepts often need to be felt and manipulated, not only shown. Source: Josh Puckett, https://github.com/joshpuckett, 2026-06-14 Source: Interface Craft, https://www.interfacecraft.dev/, 2026-06-14 Source: X/@joshpuckett, 2026-06-19
Chánh Đại (chanhdai.com) — design engineer at shadcncraft known for pixel-perfect execution; his site doubles as an open shadcn/ui component registry (30+ components installable via the shadcn CLI) and ships work like React Wheel Picker (Vercel OSS Program). A working reference for design-engineering done in public on the Tailwind/shadcn stack. Source: chanhdai.com, https://chanhdai.com/, 2026-06-14
Aristide Benoist (aristidebenoist.com) — independent designer-developer known for high-performance, custom-coded sites with strong WebGL/motion craft; a long-running Awwwards-circuit reference for what one person can ship at studio quality. Source: aristidebenoist.com + Awwwards profile, 2026-06-14
Detail (detail.design) — Rene Wang's curated library of microinteractions and "the One More Thing" details, tagline "where craft lives." A study resource (not an agency) explaining why great software feels great, with an official agent skill (npx skills add detaildotdesign/skill). Pairs with Interface Micro-Polish. Source: Detail · About, https://detail.design/resource/about-detail, 2026-06-14
Niche specialists
Lander Studio / @Praha37v — niche specialist for isometric SaaS websites, logo/branding, landing pages, product/dashboard UI, and motion-heavy tech startup visuals. The reviewed artifact shows dark isometric SaaS panels with 3D cards, chart blocks, AI-process diagrams, and Rive/Figma-style motion; the self-thread says the build stack for the demo was Figma and Rive. The live site positions Lander as a design house for "legendary tech startups," claims 110+ delivered projects, 70+ businesses, and lists Framer, Webflow, Next.js, Rive, After Effects, Spline, and Blender in the service stack. Use it when a brief wants a diagrammatic isometric product story, bento-style motion, or a specialist to make abstract SaaS mechanics visible. Do not use it as the default dashboard reference; its value is the specific isometric/3D storytelling language. Source: X/@Praha37v, 2026-05-30; Source: Lander Studio, 2026-06-30
How to use this
- Tech/startup brand + web at a high bar → Basement Studio (it already builds for the AI-infra peers Kevin ships alongside).
- Real-time 3D / WebGL hero or brand world → Lusion, Active Theory, Noomo.
- A studio's OSS as infrastructure → darkroom.engineering (you're already running their Lenis via Frontier Stack 2026).
- Fast, conversion-first marketing site → HeyKuba (Framer boutique), kreos.agency (retainer, illustrated/motion-first), or Hyperstudio (Web3/AI/SaaS brand + web).
- Sweating interaction detail / interface craft → Josh Puckett's Interface Craft and Detail (study libraries); Chánh Đại for design-engineering shipped in the open.
- A specific visual language (isometric SaaS / 3D product story) → Lander Studio / @Praha37v.
- Discover more studios → award/gallery feeds in Design Inspiration Galleries (Awwwards, SiteInspire) and Moodboard Sites; studios behind public identities in Public Brand Guideline References.
- The foundries behind the type (not the sites) → Type Foundries Reference (Klim, ABC Dinamo, Grilli, Pangram; libre via Velvetyne/Open Foundry).
Distinctive design and business performance are complementary, not opposed: Basement and the craft studios prove ambition can ship at a performance bar, and the conversion specialists prove restraint can be intentional. Pull patterns, respect prefers-reduced-motion, and keep one strong move per page (per Frontend and Design Skills).
Timeline
- 2026-07-02 | Added the Locomotive careers/contact animation artifact: CRT-head video avatar, sound controls, role pills, and open-role culture flow. Source: X/@Abmankendrick, 2026-06-12; Locomotive Careers, checked 2026-07-02
- 2026-07-01 | Added Josh Puckett's Interface Craft leading/measure artifact as an interactive-explanation reference: use manipulable figures when a design concept depends on continuous parameters. Source: X/@joshpuckett, 2026-06-19
- 2026-06-25 | Cross-linked Product Site Reference Gallery for saved product/company sites that are useful design benchmarks but are not agencies or studios. Source: raw/notes/design-folder-sites-2026-06-25.md
- 2026-06-30 | Deep-reviewed @Praha37v / Lander Studio bookmark, local 11.5s video, live site, and artifact replies. Expanded the one-line isometric specialist note into a concrete routing rule for isometric SaaS/product-story work and recorded the Figma/Rive implementation signal. Source: X/@Praha37v, 2026-05-30; https://lander.studio/
- 2026-06-14 | Expansion pass from Kevin's saved-sites list: added Hyperstudio (Web3/AI/SaaS brand + web studio) and a new Solo design engineers & craft references section (Josh Puckett / Interface Craft, Chánh Đại, Rene Wang's Detail). Most of the saved list was tools / infra / type foundries — routed out, not added (see log). Source: User saved sites, 2026-06-14; hyperstudio.org, interfacecraft.dev, chanhdai.com, detail.design, 2026-06-14
- 2026-06-14 | Major refresh (page was stale since creation). Corrected HeyKuba to Kuba Gawlik's Framer-only boutique (not a large agency); expanded Basement's verified client roster (Vercel/Linear/Cursor/Harvey/MrBeast etc.); added Lenis maker darkroom.engineering (ex-Studio Freight), WebGL craft studios (Lusion, Active Theory, Noomo), and kreos.agency (already referenced in Frontend and Design Skills but missing here). Source: basement.studio, heykuba.com, kreos.agency, lusion.co, activetheory.net, lenis.dev, 2026-06-14
- 2026-05-30 | Niche specialist @Praha37v (isometric website design, taking projects) added as an isometric-web reference. Source: X/@Praha37v, 2026-05-30