From the studio

Fieldnotes

Field notes on AI-native products, design systems, web engineering, SaaS economics and modern infrastructure. New articles every week, sources included.

Latest

Page 2 of 8

graphs of performance analytics on a laptop screen

Product Design · Jul 6, 2026

SaaS dashboard design: show data without drowning users

Most SaaS dashboards fail by showing everything at once. Here is the summary-first layout, the widget limit, and progressive disclosure that keeps users oriented.

A hand pulls a card from the library's card catalog.

AI and Automation · Jul 5, 2026

How to write a CLAUDE.md file that steers Claude Code reliably

CLAUDE.md loads into every Claude Code session, so every line competes for attention. Keep it under 120 lines, write positive rules, and move fixed checks to hooks.

a close up of a white object on a wall

Infrastructure and SEO · Jul 4, 2026

How to add JSON-LD to a blog article the right way in 2026

JSON-LD is Google's recommended structured-data format. Here is the exact Article, BreadcrumbList, and FAQPage markup we ship on every post, with Next.js code.

Antique printing press trays filled with metal type.

Web Design and Engineering · Jul 3, 2026

Web font performance in 2026: subset, self-host, swap

Subsetting cuts a font file by 80%, WOFF2 compresses 30% tighter than WOFF, and size-adjust removes swap layout shift. The self-host playbook we run.

Wooden card catalog drawers with labels

Product Design · Jul 2, 2026

Design token naming conventions: a 3-tier system that scales

A three-tier scheme (primitive, semantic, component) keeps token names stable as a system grows. Here is how to structure and name each layer.

low-angle photography of metal structure

AI and Automation · Jun 30, 2026

Designing for AI agents: building a UI the non-human user can read

AI agents read your site through the accessibility tree, the structure screen readers use. In a 2026 study, agent task success fell from 78% to 42% on a degraded one.

person writing on white paper

Business and Scale · Jun 29, 2026

MVP development cost in 2026: ranges by scope and stack

An MVP in 2026 runs from about $10K for a lean proof of concept to $200K+ for a regulated or AI-heavy build. Scope, not hourly rate, sets the number.

graphs of performance analytics on a laptop screen

Infrastructure and SEO · Jun 28, 2026

Technical SEO checklist for a B2B SaaS launch in 2026

Before a SaaS site goes live, eight technical SEO checks decide whether Google and AI engines can find it: Core Web Vitals, schema, crawl access, indexing.

a black background with three curved objects

Web Design and Engineering · Jun 27, 2026

6 frontend mistakes that tank your Lighthouse score in 2026

Total Blocking Time is 30% of the Lighthouse score, yet most teams fix the wrong metric. The six production mistakes that crater it, and how to fix each.

Paint color swatches are displayed on a shelf.

Product Design · Jun 26, 2026

Component drift: how design systems decay and how to catch it

Only 8% of teams call their design system stable. Component drift is the gap between the system you designed and the UI that ships. Here is how to catch it.

gray concrete building under blue sky during daytime

Infrastructure and SEO · Jun 25, 2026

Self-hosting Next.js with Docker vs Vercel: when each wins

Self-hosting Next.js on a managed VPS can cut a $600 Vercel bill to about $90. Here is what you trade away, and the month the swap is worth it.

Colleagues collaborate while examining computer designs.

Business and Scale · Jun 24, 2026

How to hire a product engineering studio in 2026

Half of failed outsourcing deals die in the first 60 days. A five-step playbook to scope, price, vet, and contract a product engineering studio that ships.

All articles

All articles

94 articles

2026