Design Engineering
Where design judgment meets engineering rigor. Typography, color science, performance, accessibility, and the craft of building interfaces that respect their users.
14 articles
Featured Guides
HTML Is the Format AI Agents Want
Thariq Shihipar's HTML examples show why agent output format matters: spatial structure, interaction, and visual evidence beat flattened Markdown.
SF Pro: Variable Axes, Optical Sizing, And The Dynamic Type Contract
Apple's system font ships with three variable axes and continuous optical sizing. The vocabulary that makes typography work across the Apple platforms.
Apple's New Speech Framework: SpeechAnalyzer vs SFSpeechRecognizer
iOS 26 introduces SpeechAnalyzer with SpeechTranscriber + SpeechDetector modules, an on-device replacement for SFSpeechRecognizer. When to migrate.
tvOS Focus Engine: SwiftUI Patterns for the Siri Remote
Apple TV navigates by focus, not touch. SwiftUI's .focusable, @FocusState, focusSection, and prefersDefaultFocus are the vocabulary. The patterns...
Accessibility As Platform: Personal Voice, Live Speech, Eye Tracking, Music Haptics
Personal Voice, Live Speech, Eye Tracking, Music Haptics, Vocal Shortcuts: accessibility as platform features, not app responsibilities.
The Design Engineer's Agent Stack
Design engineers need agent infrastructure that enforces visual consistency, typography discipline, color compliance, and taste. Here are the six...
GLSL for Builders: A Shader Lab You Can Actually Use
A practical GLSL playground with live controls for learning shader intuition fast. Presets, uniform manipulation, and zero-framework WebGL in the browser.
The No-Build Manifesto: Shipping Without a Bundler
FastAPI + HTMX + plain CSS with zero build tools and perfect Lighthouse scores. Real production numbers, honest tradeoffs, and a clear decision framework.
Color Science for Interfaces: Building a Zero-Color Site
I built a site with no colors — just white on absolute black with four opacity layers. Here's the color science that made the decision work.
Type Scales: How I Chose 13 Steps and Why the Ratio Matters
My site uses a 13-step type scale from 12px to 80px. How I chose the ratio, why system fonts outperform custom fonts, and what the squint test reveals.
Brutalist Web Design Meets Beauty: My Site's Approach
I built my site at the intersection of beauty and brutalism: structural honesty, precise typography, and four opacity tiers on absolute black. No...
Design Careers That Survive AI: Judgment Over Tools
After 12 years as VP of Product Design, I watched three paradigm shifts. The skills that survived every one are the same skills AI can't replace.
Design Systems for Startups: How I Built Mine Backwards
I built my design system backwards: tokens first, components never. A CLS bug taught me the cost of skipping tokens. I stopped debating when to invest.
From 76 to 100: Achieving a Perfect Lighthouse Score
A FastAPI site went from Lighthouse 76 with 0.493 CLS to perfect 100/100/100/100. The fix: critical CSS extraction, a CSS variable bug, and async loading.