Tutorials

How to design color systems that scale across web, motion and print using css variables

I often get asked how to keep a color system consistent when a project spans the web, animated interfaces, and printed material. I used to manage separate color palettes for each medium—one for the website, another for motion assets, and a third for print—and it quickly became a maintenance...

Read more...
How to design color systems that scale across web, motion and print using css variables

Featured

How to cut 40% off page load time by auditing images and choosing the right next-gen formats Web Design

How to cut 40% off page load time by auditing images and choosing the right next-gen formats

Why images are the low-hanging fruit for faster pagesImages are often the...

Jan 24 Read more...
How to migrate a messy figma design system into a lightweight token-based workflow Tutorials

How to migrate a messy figma design system into a lightweight token-based workflow

I recently helped a client turn a sprawling, inconsistent Figma design system...

Jan 23 Read more...
How to run a one-hour creative sprint with mid-fidelity prototypes that win stakeholder buy-in UX/UI

How to run a one-hour creative sprint with mid-fidelity prototypes that win stakeholder buy-in

When I need to break a deadlock with stakeholders or quickly test a handful of...

Jan 07 Read more...
How to validate onboarding microcopy with three unmoderated tests that predict activation UX/UI

How to validate onboarding microcopy with three unmoderated tests that predict activation

Onboarding copy is one of those tiny things that can make or break activation....

Jan 06 Read more...

Latest News from Themebat