Quick Start

Canvas: 3000x2250px
Background: Gradient (#1E4A73 → #F4F7FB)
Accent: #F2C94C
Text: #0F1720
Font: Montserrat Bold/Medium
Mobile optimization: Move all text +5-8% higher

Workflow

Progress:

• Set canvas dimensions (3000x2250px)
• Apply background gradient
• Position product images (scale ~70%, brightness +8%, contrast +5%)
• Add text hierarchy (move higher for mobile crop)
• Apply highlights and accents
• Add soft shadows to documents
• Review mobile readability

Core Layouts:

1. Hero: Single product + strong headline
2. Problem/Solution: Split layout (45%/55%)
3. Clarity: Minimal dashboard focus
4. Feature: Clean highlight of key functionality
5. Value: 3-panel product overview

Examples

Example 1 - Hero Thumbnail: Input: Equipment maintenance dashboard Output: Clean gradient background, dashboard scaled 70% with soft shadow, "EQUIPMENT MAINTENANCE LOG" headline, "Never Miss a Service Again" subtext, Excel/Google Sheets badge

Example 2 - Problem Version: Input: Messy vs organized tracking Output: Split layout - left side shows torn papers with "OVERDUE!!!" red sticky note, right side shows clean dashboard, "MISSED MAINTENANCE = COSTLY REPAIRS" headline

Example 3 - Feature Focus: Input: Auto-calculation feature Output: Minimal white gradient, Next Due column highlighted, "AUTO-CALCULATES DATES & HOURS" headline, "No Manual Tracking Needed" subtext

Best Practices

• Mobile-first: Always move text 5-8% higher for mobile crop
• High contrast: Use #0F1720 text on light backgrounds for readability
• Soft shadows: Add subtle depth to document images
• Consistent branding: Stick to #F2C94C accent throughout
• Clear hierarchy: Bold headlines, medium weight subtext
• Strategic highlighting: Use thin boxes or underlines, not heavy borders
• Scale appropriately: 70% for single products, +10% for multiple items

Common Pitfalls

• Don't center text vertically - mobile crops the bottom
• Don't use heavy borders or thick highlights
• Don't make chaos sections too perfect - they need to feel genuinely messy
• Don't overcrowd 3-panel layouts - reduce spacing between elements
• Don't forget soft shadows on document images
• Don't use pure white backgrounds - gradients convert better
• Don't make accent colors too bright - maintain professional feel