AI Design Blog

AI Design Blog

Archive
02
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 min
03
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 min
04
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 min
05
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 min
06
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 min
07
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 min
08
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 min
09
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 min
10
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