Design systems, UI patterns, and visual craft for AI-first products.
8 articles
Why dark mode is the default for professional tools. Accessibility, cognitive load, and how to implement both modes with shared design token...
Emoji signals informality and lack of hierarchy. SVG icons and typography do the job better. Here's why restraint signals quality.
Most AI products look the same. We built a full design system with tokens, components, and principles to prove they don't have to.
Design tokens enable consistent AI-generated interfaces. Here's how CSS custom properties create a machine-readable design language.
Chat-based UIs need specialized components. Here are the patterns for cards, streaming indicators, tool results, and error states.
Typography is the first thing users feel, even if they can't name it. The relationship between type and trust in technical products.
The right motion design makes AI products feel responsive. The wrong motion design makes them feel slow. Here's the difference.
How we built the PEP /design section. Architecture decisions, component documentation patterns, and live preview implementation.