Notes on design systems for AI-generated frontends.
Writing on color, typography, spacing, and the decisions that keep an AI-generated interface looking like one deliberate product.
Border-Radius in UI Design: How Much Rounding Is Too Much?
Border-radius is a personality decision more than a styling detail. Here is how to pick a radius scale and apply it consistently instead of guessing per component.
How to Pair Fonts That Actually Work Together (With Real Examples)
Most font pairings fail for the same reason: they match instead of contrast. Here are the rules that actually work, plus proven pairings you can use today.
Modular Type Scales Explained: How to Size Text Without Guessing
Picking font sizes by eye leads to inconsistent hierarchy. A modular scale replaces guesswork with a single ratio, and here is how to choose one and use it.
Shadow and Elevation: Designing Depth That Actually Reads as Depth
A single copy-pasted box-shadow value doesn't communicate depth. It just decorates. Here is how to build a real elevation system with shadow.
The 8pt Grid: Why Consistent Spacing Matters More Than Perfect Spacing
Layouts that feel "off" are usually a spacing problem, not a color or typography problem. A base-unit spacing scale fixes it, and here is how to build one.