Ad Creative Style Guide
For ads and digital assets driving traffic to EDGE Campaign Pro landing pages.
1. Color Palette
Always use exact hex values. Do not approximate with similar shades.
Magenta (Primary)
#E91E8C
CTAs, gradients, hero accents
Purple (Primary)
#7C3AED
Gradients, nav, buttons, links
Deep Purple
#4C1D95
Dark backgrounds, overlays
Slate 900
#0F172A
Body text, footer background
Gray 600
#4B5563
Secondary body text
Gray 100
#F3F4F6
Section backgrounds, cards
White
#FFFFFF
Page background, reversed text
Green 600
#16A34A
Trust/checkmark indicators
2. Brand Gradients
Use these exact CSS gradient values in all ad creative and branded assets.
Brand Gradient (Horizontal)
linear-gradient(to right, #E91E8C, #7C3AED)
Primary CTAs, hero banners, offer bands
Brand Gradient (Diagonal)
linear-gradient(135deg, #E91E8C, #7C3AED)
Ad backgrounds, social cards
3. Typography
Use a clean, modern sans-serif such as Inter, DM Sans, or Helvetica Neue for all ad creative.
Every channel. One platform. Real results.
Done With You. Not For You.
Book a demo and get a $100 ad credit.
A single platform that runs all your digital advertising, with a dedicated expert helping you every step.
Search, social, display, video — all within a unified dashboard.
Book a Demo • Client Login • See how it works
No contracts • Pause anytime • Your data, always yours
Gradient Text Treatment
Real results.
CSS: background: linear-gradient(to right, #E91E8C 25%, #7C3AED 75%); -webkit-background-clip: text; color: transparent;
4. Logos
Do not distort, recolor, or add effects. Minimum clear space = logo height on all sides.
EDGE Campaign Pro — on white / light bg
EDGE — on dark bg
5. Standard Ad Sizes
Produce assets at 2× resolution for retina displays. Export as PNG (static) or MP4/GIF (animated).
| Format | Dimensions | Platform |
|---|---|---|
| Leaderboard | 728 × 90px | Display / Programmatic |
| Medium Rectangle | 300 × 250px | Display / Programmatic |
| Half Page | 300 × 600px | Display / Programmatic |
| Billboard | 970 × 250px | Display / Programmatic |
| Facebook / Instagram Feed | 1080 × 1080px (1:1) | Meta |
| Facebook / Instagram Story | 1080 × 1920px (9:16) | Meta |
| Facebook / Instagram Landscape | 1200 × 628px | Meta |
| Google Responsive Search Ad | Text only (headlines 30 chars, desc 90 chars) | Google Search |
| Google Discovery / Display | 1200 × 628px + 1:1 square | Google Display |
| LinkedIn Sponsored Content | 1200 × 627px | |
| YouTube Thumbnail | 1280 × 720px | YouTube |
| TikTok In-Feed Video | 1080 × 1920px (9:16) | TikTok |
6. Approved Headlines & Messaging
Use these approved lines verbatim or as a starting point. Always match the tone: confident, clear, expert — not salesy or hyperbolic.
"Every channel. One platform. Real results."
Use case: Primary hero / awareness
"Book a demo — get a $100 ad credit."
Use case: Lead gen / conversion
"Not DIY. Not an agency. Done with you."
Use case: Positioning / differentiation
"Search, social, display & more — one dashboard."
Use case: Feature-focused
"Trusted by 25,000+ brands."
Use case: Social proof
"Your expert. Your data. Your results."
Use case: Trust / ownership
7. Design Do's & Don'ts
✓ Do
- • Use the magenta-to-purple gradient as the primary CTA color
- • Keep copy concise — short headlines perform best
- • Use white or light gray backgrounds for product/UI screenshots
- • Include the EDGE Campaign Pro logo in all paid ads
- • Use gradient text treatment on 1–2 key hero words only
- • Show platform UI screenshots to reinforce product credibility
- • Always include a single, clear CTA button
✗ Don't
- • Don't recolor or modify the logo
- • Don't use off-brand colors (neon, orange, warm red, etc.)
- • Don't use more than 2 font weights in a single ad
- • Don't place the logo on a busy background without clear space
- • Don't use overly formal, corporate, or agency tone
- • Don't make performance claims beyond what's approved
- • Don't use gradient text on more than 3 words
8. CTA Button Treatments
Replicate these button styles exactly in ad creative tools (Figma, Canva, etc.).
Pill (rounded-full) is preferred. Use rounded-lg as an alternative for display ad environments.
EDGE Campaign Pro — Ad Creative Style Guide · Learfield · 2026