Quick Reference
Key Information at a Glance
Design Principles Checklist
- Contrast: Elements are clearly different
- Alignment: Everything connects visually
- Repetition: Consistent visual elements
- Proximity: Related items grouped
- White space: Room to breathe
- Hierarchy: Clear order of importance
- Balance: Visual weight distributed
Social Media Dimensions
| Platform | Post Size | Stories |
|---|---|---|
| 1080 × 1080 or 1080 × 1350 | 1080 × 1920 | |
| 1200 × 630 | 1080 × 1920 | |
| 1200 × 1200 | — | |
| Twitter/X | 1600 × 900 | — |
| TikTok | 1080 × 1920 | 1080 × 1920 |
| YouTube Thumb | 1280 × 720 | — |
Color Psychology Quick Guide
| Color | Association | Use For |
|---|---|---|
| Red | Energy, urgency | Sales, food, alerts |
| Orange | Friendly, confident | CTAs, youth brands |
| Yellow | Optimism, attention | Highlights, warnings |
| Green | Growth, nature | Health, finance, eco |
| Blue | Trust, calm | Corporate, tech, healthcare |
| Purple | Luxury, creativity | Premium, creative |
| Black | Sophistication | Luxury, elegance |
| White | Clean, pure | Minimalism, space |
Font Categories
| Type | Feel | Use For |
|---|---|---|
| Serif | Traditional, trustworthy | Long text, formal |
| Sans-Serif | Modern, clean | Digital, contemporary |
| Script | Elegant, personal | Accents, invitations |
| Display | Decorative | Headlines only |
| Monospace | Technical | Code, tech |
Typography Rules
- Maximum 2 fonts per design
- 44pt+ for headlines
- 28pt+ for presentation slides
- 16px minimum for web body
- 1.4-1.6 line height for body text
- 40-70 characters per line
The 60-30-10 Color Rule
- 60% — Dominant color (usually neutral)
- 30% — Secondary color
- 10% — Accent color
Image Generation Prompt Structure
- Subject: What's in the image
- Environment: Setting/background
- Style: Artistic approach
- Mood: Atmosphere/feeling
- Colors: Palette preferences
- Quality: Resolution/detail level
File Formats
| Format | Best For | Notes |
|---|---|---|
| JPG | Photos, web | Lossy compression |
| PNG | Graphics with transparency | Larger files |
| SVG | Logos, icons | Vector, scalable |
| Print, documents | Preserves formatting | |
| WebP | Web images | Better compression |
| GIF | Simple animations | Limited colors |
Resolution Guide
| Use | Resolution |
|---|---|
| Web/screen | 72 PPI |
| 300 PPI | |
| Large format print | 150 PPI |
Quick Design Checklist
- One clear focal point
- Readable text (size and contrast)
- Consistent colors and fonts
- Appropriate white space
- Aligned elements
- Clear hierarchy
- Proper file format
- Correct dimensions
AI Design Tools Summary
| Tool | Best For | Cost |
|---|---|---|
| Canva | All-purpose design | Free / Pro |
| Adobe Express | Quick graphics | Free / Paid |
| Figma | UI/UX design | Free / Paid |
| Midjourney | Artistic images | Paid |
| DALL-E | Quick generation | ChatGPT Plus |
| Adobe Firefly | Commercial images | Adobe CC |
| Remove.bg | Background removal | Free / Paid |
Keep this reference handy while designing.