AI Skill Report Card
Designing Etsy Thumbnails
Quick Start15 / 15
CANVAS: 3000x2250 px
SAFE ZONE: Centered square with generous left/right padding
BACKGROUND: Vertical gradient [BG_TOP] → [BG_BOTTOM]
LAYOUT: Centered vertical stack with exact spacing requirements
Recommendation▾
Add one concrete before/after example showing actual pixel dimensions and color values in action
Workflow15 / 15
Progress:
- Set canvas to 3000x2250 px
- Apply background gradient and glow
- Add top label badge with proper spacing
- Position main title (140pt, max 2 lines)
- Add subtitle below title
- Insert product image exactly as uploaded
- Add bottom format badge
- Verify safe zone compliance
Detailed Steps:
-
Background Setup
- Vertical gradient: [BG_TOP] (top) → [BG_BOTTOM] (bottom)
- Add radial glow: 6-8% opacity, soft blur, color [GLOW_COLOR]
-
Top Label Badge
- Text: "[CATEGORY] TEMPLATE"
- Font: Montserrat SemiBold, ~42pt
- Colors: [BADGE_TEXT] on [BADGE_BG]
- Spacing: 30px below badge
-
Main Title
- All caps, Montserrat Bold, ~140pt
- Color: [TITLE_COLOR]
- Max width: 60-65% canvas, 2 lines max
- Spacing: 25px below title
-
Subtitle
- One-line benefit phrase
- Montserrat Medium, ~70pt
- Color: [SUBTITLE_COLOR]
- Spacing: 40px below subtitle
-
Product Image
- Use uploaded spreadsheet exactly as-is
- Scale to 70-75% canvas width
- Enhance: +8% brightness, +5% contrast
- Shadow: 22% opacity, 45px blur, [SHADOW_COLOR]
- Spacing: 60px below image
-
Bottom Format Badge
- Text: "[Format 1] • [Format 2]"
- Montserrat Medium, ~48pt
- Colors: [BADGE_TEXT] on [BADGE_BG]
- Max 80px bottom padding
Recommendation▾
Include a troubleshooting section for common thumbnail rejection reasons on Etsy
Examples18 / 20
Example 1: Budget Template Input: Automotive budget spreadsheet Colors: Dark Navy scheme Output: Gradient navy background, "BUDGET TEMPLATE" top badge, "AUTOMOTIVE BUDGET TRACKER" title, spreadsheet image centered, "EXCEL • GOOGLE SHEETS" bottom badge
Example 2: Fitness Tracker Input: Workout log spreadsheet Colors: Deep Forest Green scheme Output: Green gradient background, "FITNESS TEMPLATE" badge, "WORKOUT TRACKER" title, exact spreadsheet image, format badges
Recommendation▾
Condense the color schemes section - could be more concise while maintaining all necessary information
Color Schemes
Dark Navy (Automotive/General):
- BG_TOP: #0B1F33, BG_BOTTOM: #061421
- GLOW_COLOR: #1A4A7A
- TITLE_COLOR: #FFFFFF, SUBTITLE_COLOR: #FFFFFF
- BADGE_BG: #FFFFFF, BADGE_TEXT: #0F1720
- SHADOW_COLOR: #000000
Deep Forest Green (Health/Wellness):
- BG_TOP: #0D2B1A, BG_BOTTOM: #051008
- GLOW_COLOR: #1A5C30
- TITLE_COLOR: #FFFFFF, SUBTITLE_COLOR: #FFFFFF
- BADGE_BG: #FFFFFF, BADGE_TEXT: #0D2B1A
- SHADOW_COLOR: #000000
Rich Burgundy (Finance/Business):
- BG_TOP: #2B0D1A, BG_BOTTOM: #100508
- GLOW_COLOR: #5C1A30
- TITLE_COLOR: #FFFFFF, SUBTITLE_COLOR: #F5C6D0
- BADGE_BG: #FFFFFF, BADGE_TEXT: #2B0D1A
- SHADOW_COLOR: #000000
Best Practices
- Never recreate spreadsheets - Use uploaded image exactly as provided
- Maintain safe zone - Keep generous padding on sides to prevent cropping
- Test readability - Title must be readable at 200x150px thumbnail size
- Use exact spacing - Follow pixel measurements for professional consistency
- Center everything - Maintain strong vertical hierarchy
- Choose appropriate colors - Match scheme to product category
Common Pitfalls
- Don't add fake UI elements or floating overlays
- Don't let text touch canvas edges
- Don't use fonts other than Montserrat variants
- Don't exceed 2 lines for main title
- Don't ignore contrast requirements for thumbnail readability
- Don't recreate or redesign uploaded spreadsheet content