Guides
-
Color Harmony 101: Complementary, Analogous, Triadic, and More
Every classic color scheme — complementary, analogous, triadic, tetradic — comes from the same idea: picking hues at specific angles around the color wheel. Here's what each one actually does.
Jul 21, 2026 · Updated Aug 11, 2026 · 5 min read · Design
-
Dark Mode Color Design: Why You Can't Just Invert
Flipping your palette produces a dark mode that is technically dark and practically unusable. Here is what actually changes in the dark — surfaces, saturation, elevation, and contrast — and how to design for it.
Jul 21, 2026 · Updated Aug 10, 2026 · 4 min read · Design
-
How to Choose a Brand Color Palette: A Systematic Method
Most palette advice starts with mood boards and ends with regret. This is the engineering-minded version: constraints first, one deliberate base hue, a working scale, accessible pairs, and proof it survives real use.
Jul 21, 2026 · Updated Aug 10, 2026 · 4 min read · Design
-
The 60-30-10 Rule: Balancing a Color Palette by Proportion
The oldest trick in interior design translates surprisingly well to interfaces: a dominant color, a secondary, and an accent in roughly 60/30/10 proportions. Here is why it works, how to apply it to UI, and when to break it.
Jul 21, 2026 · Updated Aug 10, 2026 · 3 min read · Design
-
Color Psychology: What the Research Actually Supports
"Blue means trust" and "red buttons convert better" get repeated as science. Most of it isn't. Here's an honest tour of what color psychology research really shows — and the few effects solid enough to design with.
Jul 21, 2026 · Updated Aug 10, 2026 · 4 min read · Design
-
The Best Google Fonts for UI and Product Design
A UI font has a different job than a display font: legible at 13px, a wide weight range, and restraint. Here are the Google Fonts built or proven for interface work, and how to verify one before committing.
Jul 21, 2026 · Updated Aug 10, 2026 · 5 min read · Design
-
The Best Google Fonts for Logos and Branding
A logo font needs a distinctive silhouette, not neutrality, and it must survive shrinking to a 16px favicon as much as scaling up to signage. A shortlist organized by mood, plus how to stress-test a finalist before locking it in.
Jul 21, 2026 · Updated Aug 10, 2026 · 4 min read · Design
-
The Best Google Fonts for Resumes
A resume font has one job: stay invisible at 11 point while a recruiter skims for seconds. A shortlist built for exactly that, plus an honest answer to whether font choice can actually break an ATS (it almost never can).
Jul 21, 2026 · Updated Aug 10, 2026 · 5 min read · Design
Learning path: color formats, in order
These guides build on each other — start at HEX and by the end you'll know why perceptual color spaces exist, what ΔE measures, and how to prove your colors are readable. About 38 minutes total.
- 1 What Is HEX? A Practical Guide to Hexadecimal Color Codes 5 min read
- 2 The RGB Color Model: How Screens Actually Make Color 12 min read
- 3 HSL vs HSV: Two Ways to Slice the Same Colors 4 min read
- 4 What Is OKLCH, and Why Are Browsers Switching to It? 4 min read
- 5 Why Print Colors Never Match Your Screen: CMYK Explained 4 min read
- 6 What Is Delta E? Measuring How Different Two Colors Really Are 4 min read
- 7 WCAG Contrast Ratios Explained: What AA and AAA Actually Require 5 min read
Put the theory into practice
Everything the guides explain is built into a free, live tool — try the math yourself.