Color Workflow
How I stopped picking colors randomly and started using a system
I used to open a color picker, drag around until something looked nice, and call it done. Here's the workflow that actually fixed my process.
Short, practical reads from designers and developers. No fluff — just things that actually help.
Color Workflow
I used to open a color picker, drag around until something looked nice, and call it done. Here's the workflow that actually fixed my process.
Image Color Workflow
Before I design anything new, I spend 20 minutes pulling palettes from 5–6 competitor sites. It's the fastest way to understand what's already working in a space.
Developer Color Guide
The default Tailwind palette is great for prototyping. But once you're building a real product, you need a token layer on top of it. Here's how I set mine up.
Dark Mode Guide
Pure black backgrounds and neon accents look great in Dribbble shots. They're miserable to actually use. Here's what actually works for dark interfaces.
Brand Color Strategy
Most early-stage startups don't have a brand designer. They have a founder with a Figma account and a deadline. Here's a practical starting point.
Accessibility Guide
Accessibility contrast ratios sound complicated until someone explains them in plain English. Here's what AA and AAA actually mean for your day-to-day design work.
Color Formats
Every color format has a job. Using the wrong one at the wrong stage creates friction for you and the developers you work with.
Landing Page Design
I've reviewed dozens of landing pages where the CTA button was technically there but nobody clicked it. Nine times out of ten, the color system was the culprit.
SaaS & Dashboard Design
Marketing pages and dashboards need completely different color strategies. Here's what I learned building data-heavy UIs for three different SaaS products.
Portfolio Design
Your portfolio's job is to show your work, not your taste in gradients. Here's how to choose a palette that frames projects without competing with them.
Visual Design Tips
Gradients are everywhere right now. Most of them are doing more harm than good. Here are the five mistakes I see constantly and the quick fixes for each.
Freelance Design Process
Every freelancer has had this client. No brief, no brand guidelines, just vibes. Here's the process I use to turn 'make it look nice' into a real, defensible color system.
Ecommerce Design
Product pages have one job: get the visitor to add to cart. These are the color decisions that get in the way — and most of them are easy to fix.
Color Theory
Most color psychology content online is either too vague to use or flat-out wrong. Here's what the research actually supports and how to apply it practically.
Design-Dev Handoff
Color handoff between design and engineering is where palettes go to die. Here's the workflow that actually keeps both sides in sync.