AI Design Blog
AI Design Blog
Archive
#CategoryTitle / Excerpt—DateTime
02Design
Font Pairing for Non-Designers: How to Combine Fonts That Work
Font pairing rules for non-designers: contrast the categories, keep it to two fonts, mat…Oct 183 min03Design
Bold Typography: How to Use Big, Loud Type Without Wrecking Your Layout
How to use big, bold typography without breaking your layout: spacing, hierarchy, font c…Oct 163 min04Design
Spacing and Whitespace: The Invisible Thing That Makes Design Look Expensive
Whitespace is what makes design look expensive. Learn the 8px grid, spacing rhythm, and …Oct 143 min05Design
Dark Mode Design: How to Build It Right (It's More Than Inverting Colors)
Dark mode design is more than inverting colors. Skip pure black, show depth with lighter…Oct 123 min06Design
Accessible UI Design: How to Build Apps Everyone Can Use (Without Killing the Look)
Accessible UI design without losing the look: WCAG color contrast, readable type sizes, …Oct 103 min07Design
Mobile-First Design: How to Get AI Tools to Build for Phones First
Mobile-first design explained: why to start with phones, what matters on small screens, …Oct 83 min08AI Tools
Windsurf Design Guide: How to Get Professional UI Out of Windsurf
Windsurf builds fast but defaults to generic UI. Set up a Windsurf design system with a …Oct 63 min09AI Tools
GitHub Copilot Design: Getting Good UI From a Code-First Assistant
Get good UI out of GitHub Copilot: use a repository instructions file, add a DESIGN.md, …Oct 43 min10Design
The Vibe Coder's Design Checklist: 12 Things to Check Before You Ship
A 12-point design checklist for vibe coders: spacing, type, color, contrast, mobile, sta…Oct 23 min02
Design
Font Pairing for Non-Designers: How to Combine Fonts That Work
Font pairing rules for non-designers: contrast the categories, keep it t…
Oct 18 · 3 min03
Design
Bold Typography: How to Use Big, Loud Type Without Wrecking Your Layout
How to use big, bold typography without breaking your layout: spacing, h…
Oct 16 · 3 min04
Design
Spacing and Whitespace: The Invisible Thing That Makes Design Look Expensive
Whitespace is what makes design look expensive. Learn the 8px grid, spac…
Oct 14 · 3 min05
Design
Dark Mode Design: How to Build It Right (It's More Than Inverting Colors)
Dark mode design is more than inverting colors. Skip pure black, show de…
Oct 12 · 3 min06
Design
Accessible UI Design: How to Build Apps Everyone Can Use (Without Killing the Look)
Accessible UI design without losing the look: WCAG color contrast, reada…
Oct 10 · 3 min07
Design
Mobile-First Design: How to Get AI Tools to Build for Phones First
Mobile-first design explained: why to start with phones, what matters on…
Oct 8 · 3 min08
AI Tools
Windsurf Design Guide: How to Get Professional UI Out of Windsurf
Windsurf builds fast but defaults to generic UI. Set up a Windsurf desig…
Oct 6 · 3 min09
AI Tools
GitHub Copilot Design: Getting Good UI From a Code-First Assistant
Get good UI out of GitHub Copilot: use a repository instructions file, a…
Oct 4 · 3 min10
Design
The Vibe Coder's Design Checklist: 12 Things to Check Before You Ship
A 12-point design checklist for vibe coders: spacing, type, color, contr…
Oct 2 · 3 min