Email Anti-Slop Design Enforcer
Every email must look handcrafted by a skilled designer, never algorithmically generated. This skill enforces design quality through explicit anti-patterns and required distinctive elements.
The Core Problem
AI-generated emails converge toward statistical averages—the "safest" choices that satisfy no one and delight no one. These patterns instantly reveal an email as AI-made:
NEVER USE - Typography Sins
- NO: Arial, Helvetica, Verdana as the ONLY font (no personality)
- NO: Same font weight throughout (no hierarchy)
- NO: Generic 14px body / 24px headline (no drama)
- NO: System font stacks without personality
- NO: All caps for body text
INSTEAD: Create typographic drama within email-safe constraints:
- Georgia + Arial pairing (elegant + clean)
- Trebuchet MS for friendly/modern headers
- Size jumps: 32px+ headlines vs 14-16px body (2x+ ratio)
- Strategic bold/light weight contrast in headlines
- Letter-spacing for sophistication in headers
NEVER USE - Color Sins
- NO: Plain white (#ffffff) background with pastel cards
- NO: Blue-to-purple gradients (most overused AI pattern)
- NO: Generic corporate blue (#0066CC, #007bff)
- NO: Washed-out pastels with no contrast
- NO: Gray-on-gray boring neutrals (#f5f5f5, #e5e5e5 everywhere)
- NO: Pink-to-orange sunset gradients
INSTEAD: Commit to a bold, memorable palette:
- One dominant brand color used confidently
- High-contrast accent for CTAs
- Either dark mode elegant OR warm/rich backgrounds
- Solid color blocks, not wimpy gradients
- Background colors that create sections (not all white)
NEVER USE - Layout Sins
- NO: Predictable hero → 3-column features → CTA flow
- NO: Everything centered with identical padding
- NO: Same section structure repeated (card, card, card)
- NO: Equal-width columns for everything
- NO: Cookie-cutter spacing (all 20px padding)
INSTEAD: Create visual interest within table constraints:
- Asymmetric content placement (image left, text right offset)
- Varied section background colors
- One oversized hero element
- Generous OR tight spacing—never medium
- Full-width impact sections between contained content
NEVER USE - Content Sins
- NO: "Dear Valued Customer"
- NO: "Click here to learn more"
- NO: Stock photo placeholder vibes
- NO: Buzzword copy ("leverage", "synergy", "innovative")
- NO: Generic CTAs ("Submit", "Learn More", "Get Started")
INSTEAD: Personality-driven content:
- Direct address with context
- Specific, benefit-focused CTAs ("See My Order", "Start Writing")
- Copy that sounds like a human wrote it
- Headlines that would work as tweets
Required: The Memorable Element
Before finalizing ANY email, identify the ONE thing recipients will remember. If nothing specific, add one:
For Email:
- An unexpected hero color block
- A bold typographic treatment on the main headline
- An asymmetric image/text layout
- A distinctive CTA button style (not rounded-everything)
- A unique section divider or accent
Ask: "What will someone remember 5 minutes after seeing this email?"
Aesthetic Directions (Choose ONE)
Match to brand/industry. Execute with conviction:
| Direction |
Characteristics |
Good For |
| Minimal Refined |
Extreme whitespace, subtle details, muted palette, elegant restraint |
Finance, Legal, Luxury |
| Dark Elegant |
Deep backgrounds (#1a1a1a), luminous accents, sophisticated shadows |
Tech, SaaS, Creative |
| Warm Organic |
Earthy tones (terracotta, sage, cream), soft divisions |
Wellness, Food, Lifestyle |
| Bold Editorial |
High contrast, serif headlines, magazine-like, strong hierarchy |
Media, Publishing, Fashion |
| Playful Bright |
Primary colors, friendly, energetic, clear sections |
Consumer, Kids, Entertainment |
| Tech Modern |
Monospace accents, dark themes, cyan/green accents |
Developer, Cybersecurity, Startup |
Pre-Output Checklist
Before generating email HTML:
- Did I choose ONE clear aesthetic direction?
- Is there ONE memorable design element?
- Are colors bold and intentional (not washed out)?
- Is there clear typographic hierarchy (2x+ size difference)?
- Does the layout have asymmetry or variation?
- Would a human designer be proud of this?
- Does this look different from a default template?
If any answer is "no," revise before output.
1---2name: email-anti-slop3description: Prevent generic AI-generated email aesthetics and enforce distinctive, handcrafted design quality. Use when generating HTML emails, email templates, newsletters, marketing emails, or any email content. Ensures emails look professionally designed, not machine-generated. Applies anti-pattern detection and distinctive design requirements.4---5
6# Email Anti-Slop Design Enforcer
7
8Every email must look handcrafted by a skilled designer, never algorithmically generated. This skill enforces design quality through explicit anti-patterns and required distinctive elements.
9
10## The Core Problem
11
12AI-generated emails converge toward statistical averages—the "safest" choices that satisfy no one and delight no one. These patterns instantly reveal an email as AI-made:
13
14## NEVER USE - Typography Sins
15
16- NO: Arial, Helvetica, Verdana as the ONLY font (no personality)
17- NO: Same font weight throughout (no hierarchy)
18- NO: Generic 14px body / 24px headline (no drama)
19- NO: System font stacks without personality
20- NO: All caps for body text
21
22**INSTEAD:** Create typographic drama within email-safe constraints:
23- Georgia + Arial pairing (elegant + clean)
24- Trebuchet MS for friendly/modern headers
25- Size jumps: 32px+ headlines vs 14-16px body (2x+ ratio)
26- Strategic bold/light weight contrast in headlines
27- Letter-spacing for sophistication in headers
28
29## NEVER USE - Color Sins
30
31- NO: Plain white (#ffffff) background with pastel cards
32- NO: Blue-to-purple gradients (most overused AI pattern)
33- NO: Generic corporate blue (#0066CC, #007bff)
34- NO: Washed-out pastels with no contrast
35- NO: Gray-on-gray boring neutrals (#f5f5f5, #e5e5e5 everywhere)
36- NO: Pink-to-orange sunset gradients
37
38**INSTEAD:** Commit to a bold, memorable palette:
39- One dominant brand color used confidently
40- High-contrast accent for CTAs
41- Either dark mode elegant OR warm/rich backgrounds
42- Solid color blocks, not wimpy gradients
43- Background colors that create sections (not all white)
44
45## NEVER USE - Layout Sins
46
47- NO: Predictable hero → 3-column features → CTA flow
48- NO: Everything centered with identical padding
49- NO: Same section structure repeated (card, card, card)
50- NO: Equal-width columns for everything
51- NO: Cookie-cutter spacing (all 20px padding)
52
53**INSTEAD:** Create visual interest within table constraints:
54- Asymmetric content placement (image left, text right offset)
55- Varied section background colors
56- One oversized hero element
57- Generous OR tight spacing—never medium
58- Full-width impact sections between contained content
59
60## NEVER USE - Content Sins
61
62- NO: "Dear Valued Customer"
63- NO: "Click here to learn more"
64- NO: Stock photo placeholder vibes
65- NO: Buzzword copy ("leverage", "synergy", "innovative")
66- NO: Generic CTAs ("Submit", "Learn More", "Get Started")
67
68**INSTEAD:** Personality-driven content:
69- Direct address with context
70- Specific, benefit-focused CTAs ("See My Order", "Start Writing")
71- Copy that sounds like a human wrote it
72- Headlines that would work as tweets
73
74## Required: The Memorable Element
75
76Before finalizing ANY email, identify the ONE thing recipients will remember. If nothing specific, add one:
77
78**For Email:**
79- An unexpected hero color block
80- A bold typographic treatment on the main headline
81- An asymmetric image/text layout
82- A distinctive CTA button style (not rounded-everything)
83- A unique section divider or accent
84
85**Ask:** "What will someone remember 5 minutes after seeing this email?"
86
87## Aesthetic Directions (Choose ONE)
88
89Match to brand/industry. Execute with conviction:
90
91| Direction | Characteristics | Good For |
92|-----------|-----------------|----------|
93| **Minimal Refined** | Extreme whitespace, subtle details, muted palette, elegant restraint | Finance, Legal, Luxury |
94| **Dark Elegant** | Deep backgrounds (#1a1a1a), luminous accents, sophisticated shadows | Tech, SaaS, Creative |
95| **Warm Organic** | Earthy tones (terracotta, sage, cream), soft divisions | Wellness, Food, Lifestyle |
96| **Bold Editorial** | High contrast, serif headlines, magazine-like, strong hierarchy | Media, Publishing, Fashion |
97| **Playful Bright** | Primary colors, friendly, energetic, clear sections | Consumer, Kids, Entertainment |
98| **Tech Modern** | Monospace accents, dark themes, cyan/green accents | Developer, Cybersecurity, Startup |
99
100## Pre-Output Checklist
101
102Before generating email HTML:
103
104- Did I choose ONE clear aesthetic direction?
105- Is there ONE memorable design element?
106- Are colors bold and intentional (not washed out)?
107- Is there clear typographic hierarchy (2x+ size difference)?
108- Does the layout have asymmetry or variation?
109- Would a human designer be proud of this?
110- Does this look different from a default template?
111
112If any answer is "no," revise before output.