Craft

Craft

UX, UI, accessibility and performance — the craft that separates a portfolio site from a real product.

Craft — 123 Design Studio
Craft UX vs UI: The Real Difference (With Examples) ★ ★ ★
Craft

UX vs UI: The Real Difference (With Examples)

What UX and UI actually mean, where they overlap, and how studios staff both without confusion.

Display
Craft What Is Atomic Design? A Practical Guide ★ ★ ★
Craft

What Is Atomic Design? A Practical Guide

Brad Frost's atoms-to-pages method, explained for studios building real design systems.

Display
Craft The WCAG 2.2 Accessibility Checklist for Designers ★ ★ ★
Craft

The WCAG 2.2 Accessibility Checklist for Designers

A designer-friendly WCAG 2.2 AA checklist — contrast, focus, motion, forms and the new criteria.

Display Lead
Craft Responsive Web Design: Best Practices for 2026 ★ ★ ★
Craft

Responsive Web Design: Best Practices for 2026

Modern responsive design with container queries, fluid type and a mobile-first system that scales.

Display
Craft Web Typography: A Practical Guide for Designers ★ ★ ★
Craft

Web Typography: A Practical Guide for Designers

Type scale, line length, variable fonts and performance — typography that reads and ranks.

Display
Craft Color Theory for Web Designers (No Fluff) ★ ★ ★
Craft

Color Theory for Web Designers (No Fluff)

Practical color systems for the web — contrast, palettes, tokens and accessibility built in.

Display
Craft Core Web Vitals: A Designer's Guide to LCP, INP & CLS ★ ★ ★
Craft

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.

Display