| name | thumbnail-psychology |
| description | YouTube thumbnail visual psychology skill. Provides color theory, composition principles, CTR optimization patterns, and mobile readability checklists. Referenced by the thumbnail-designer agent when designing visually effective thumbnails. Also used standalone for requests like 'how to make great thumbnails' or 'thumbnails that boost click-through rate.' Actual image generation falls under the gemini-3-pro-imagegen skill. |
Thumbnail Psychology — Visual Psychology Guide for Thumbnails
Visual psychology principles that drive subconscious clicks. Extends the thumbnail-designer agent's design capabilities.
Eye-Tracking Principles
The average viewer's gaze lingers on a thumbnail for 1.5 seconds. Within that time, you must communicate 3 things:
- What the video is about (topic)
- Why they should click (value)
- An emotional reaction (curiosity/surprise/fear)
Color Psychology
Color-Emotion Mapping
| Color | Emotion | YouTube Use Case | HEX Code |
|---|
| Red | Urgency, passion, warning | Breaking news, alerts, hot deals | #E63946 |
| Yellow | Attention, optimism, energy | Tips, bright tone | #FFD60A |
| Blue | Trust, expertise, calm | Education, tech, reviews | #457B9D |
| Green | Growth, money, health | Finance, wellness, success | #2D6A4F |
| Purple | Luxury, creativity, mystery | Beauty, luxury, art | #7B2CBF |
| Orange | Vitality, fun, approachability | Entertainment, food | #F77F00 |
| Black | Premium, authority, mystery | Premium content, dark topics | #1D1D1D |
| White | Clean, minimal, pure | Minimalist, tech, beauty | #FFFFFF |
Contrast Formula
Readability = luminance difference between foreground and background
Minimum contrast ratio: 4.5:1 (WCAG AA standard)
YouTube recommendation: 7:1 or higher (accounting for small mobile screens)
Competitive Differentiation Color Strategy
When videos on the same topic in YouTube search results use similar colors, choose the opposite color:
- Most competitors use red/yellow → choose blue/purple
- Most competitors use dark tones → choose a light background
Composition Patterns (7 Types)
1. Center Focus
- Place the key element dead center
- Safest composition, mobile-optimized
- Text goes in a top or bottom band
2. Rule of Thirds Split
- Person in left 1/3, text in right 2/3 (or vice versa)
- Effective for comparison/versus videos
- VS mark, arrows, or other visual elements on the center line
3. Diagonal Tension
- Guide the eye from bottom-left to top-right along a diagonal
- Creates a dynamic, high-energy feel
- Best for action, sports, transformation videos
4. Frame Within a Frame
- Surround the key element with a circular/rectangular frame
- Forces gaze to concentrate on the focal point
- Great for product reviews, unboxings
5. Minimal Negative Space
- Leave 70% of the background empty, placing only the key element
- Conveys a premium, high-end feel
- Maximizes text readability
6. Collage/Grid
- Arrange 2–4 elements in a grid layout
- Suited for listicle and comparison videos
- Unequal cell sizes create visual priority
7. Full-Bleed Text
- Text is the star of the thumbnail
- Typography alone, no imagery
- Best for news, commentary, essay-style videos
Text Overlay Rules
Word Count Limits
- Optimal: 3–5 words
- Maximum: 7 words (anything more is unreadable on mobile)
- Never duplicate the title — if the title says "how," the thumbnail should show "the result"
Font Selection Guide
| Tone | Recommended Font Style | Examples |
|---|
| Professional | Sans-serif Bold | Helvetica, Inter, Roboto |
| Casual | Rounded/Handwritten | Comic Neue, Pacifico |
| Shocking | Ultra-bold Gothic | Impact, Anton |
| Premium | Serif | Playfair Display, Georgia |
Text Readability Checklist
Face/Emotion Impact
Research shows that thumbnails featuring faces see an average 38% higher CTR.
Effective Emotional Expressions (Ranked)
- Surprise (mouth wide open) — Highest CTR
- Curiosity (one eyebrow raised) — Effective for educational videos
- Joy (natural smile) — Suited for vlogs, lifestyle content
- Shock (eyes wide) — Suited for news, exposés
- Neutral — Suited for premium, professional tone
3-Second Test Checklist
Every final thumbnail must pass the following tests:
