Craft
UX, UI, accessibility and performance — the craft that separates a portfolio site from a real product.
UX vs UI: The Real Difference (With Examples)
What UX and UI actually mean, where they overlap, and how studios staff both without confusion.
What Is Atomic Design? A Practical Guide
Brad Frost's atoms-to-pages method, explained for studios building real design systems.
The WCAG 2.2 Accessibility Checklist for Designers
A designer-friendly WCAG 2.2 AA checklist — contrast, focus, motion, forms and the new criteria.
Responsive Web Design: Best Practices for 2026
Modern responsive design with container queries, fluid type and a mobile-first system that scales.
Web Typography: A Practical Guide for Designers
Type scale, line length, variable fonts and performance — typography that reads and ranks.
Color Theory for Web Designers (No Fluff)
Practical color systems for the web — contrast, palettes, tokens and accessibility built in.
Core Web Vitals: A Designer's Guide to LCP, INP & CLS
What LCP, INP and CLS mean for design decisions, and how to hit green without killing the creative.
123 Design Studio