Skip to main content
Thumbnail Vault
Full breakdown Back to the library
The Easy Way to Pick UI Colors thumbnail9:37

The Easy Way to Pick UI Colors

Save reference
What to study

Desired Outcome

Picking colours that work in both light and dark mode is a common headache for UI designers. Here both versions get a tick, so it looks like one approach covers both. 'The Easy Way' promises it's simpler than they fear.

How the packaging works
Title

'The Easy Way' promises to take the guesswork out of a job designers often do by feel, and 'UI' tells web designers it's about interfaces, not art or branding.

Thumbnail

The hard split and the two ticked cards read instantly at feed size, and the word COLORS changing shade across the split shows the idea in action.

Remix this

When your lesson is about a visual rule, let the thumbnail show the rule working on itself, like a word that changes colour with its background. Keep it to two ticked examples and let the title promise the easy way.

Make this prompt yours

Add your video details, then paste the prompt into your own AI chat.

Leave anything blank, and your AI will ask for what it needs.

Read the prompt
The Easy Way to Pick UI Colors thumbnail

Your browser can only copy text, so drag this thumbnail into your AI chat too.

The transferable lesson

Let the design demonstrate the lesson it teaches.

NicheGraphic DesignWeb Design
FormatHow-to / Tutorial
Click driverDesired Outcome
Visual signalSide-by-Side ComparisonSplit Screen
Turn the lesson into a decision

Apply this pattern to your next video.

Bring the reference into a packaging brief, then decide what your title and thumbnail should each communicate.

Create a free account to save hand-curated video ideas, thumbnails and titles.

or use email

Already have an account?