Facebook and Instagram Ads: Creative Best Practices

Your ad appears in a customer's Instagram feed for just moments. They scroll, scroll, scroll… then they see you. If your visual doesn't stop them immediately, you've lost.

Meta knows it. Ads that captivate in a single second — clear hierarchy, visible product, legible CTA — hold attention longer than ads that make people work to understand them. And attention drives sales.

We've created hundreds of e-commerce visuals at Maginali. Here are the rules that actually work.

Visual Hierarchy: 3 Levels, No More

On an ad, your brain processes the image in three layers:

1. Hook (the product) — What you see first. Must be sharp, colorful, centered.
2. Secondary info (promo, brand) — Small badge, fine text, quickly visible.
3. Micro-detail (description) — Text below the photo, only if they click.

Classic mistake : Tiny product in the center, surrounded by text, colors, logos. The eye doesn't know where to look. Result: people scroll.

Best practice : Product = 60-70% of the image. Everything else = discreet support. Try this exercise: close your eyes 2 sec, open the image 1 sec, close them again. What did you see? If it's the sharp product, you've won.

Gradient or solid background?

• Solid background (white, black, dark blue): Cleaner, makes the product pop. Ideal for fashion, electronics.
• Subtle gradient (light → very slightly lighter): Adds depth without distraction. Good for beauty, lifestyle.
• Background photo : Risky. The product must remain visually dominant. Use only if the product contrasts sharply.

Tip : Use AI background removal to place your product on any background. Test 3-4 backgrounds with the same product — a tool like Maginali makes this trivial.

Text Placement on Image

Text isn't noise. Placed well, it significantly increases click-through rates.

Where to put promotional text?

Top-right corner (recommended for badges): This is where the mobile eye looks first. -30%, New, On Sale. Light font, maximum contrast (white on dark background, or vice versa).

Bottom of image : Good for a CTA (Shop now). Never overlaid on the product — always on the background.

Never centered on the product : Exception = if text is truly the message (e.g., huge "-50%" for a massive Black Friday push). Otherwise, it obscures the product.

Sizes and legibility

• Badge (promo): 18-24px minimum. Yes, small, but perfectly legible on mobile.
• CTA (button): 24-32px. The CTA must be read at a glance.
• Brand/description: 12-16px.

Mobile test: If you read the photo on an iPhone 12 (5.4"), text must remain legible at this size.

Text effects

• Soft shadow (2px, black at 30% opacity): Improves legibility without feeling heavy.
• Fine white outline (1px): Good for black text on complex backgrounds.
• No text gradients : That's 2000s. Solid text, period.

Promotional Badges: Less is More

One well-designed badge significantly increases clicks. Two badges = confusion. Three badges = people think it's spam.

Good badge design

• Shape : Circle, square, or banner — doesn't matter. Important: a shape that contrasts. No gradients.
• Color : Red (#DC2626), green (#10B981), or gold/yellow. These three colors grab the eye. Avoid blue or purple (too passive).
• Text : Short and action-oriented. -30% rather than Reduction 30%. Limited rather than Offer Limited.
• Position : Top-right corner, 8-12% from the sides and top. No overlap with the product.
• Size : 60-80px wide on a 1200px image. Not smaller.

Example good badge :

• Bright red background
• White, bold font
• -50% in text
• Light drop shadow
• Top-right corner

Example bad badge :

• Red-to-orange gradient
• White text + shadow + outline
• DISCOUNT OF 50% ON ALL SELECTED ITEMS
• Centered on the image
• Too small

When to add a badge?

• Time-limited promo : Yes. Reinforces urgency.
• Brand/logo : No. Put it at the bottom, discreet. The ad is about the product, not your logo.
• "New" : Yes, if truly new (< 2 months). Beyond that, it's misleading.
• Bestseller : Yes, but use real data (e.g., Top seller if proven). No fiction.

Multi-Format Scaling: The Secret of Big Campaigns

Meta recommends creating ads in at least 3 formats: square (1:1), vertical (4:5), landscape (1.2:1). Why? Because each format has its own mechanics.

1:1 Format (square) — King of the feed

Dominates Instagram and Facebook mobile/desktop. People see it while scrolling.

• Product : Centered, 70-80% of the image. Very sharp.
• Background : Solid or gradient. No distracting details.
• Badge : Top-right corner, as described above.
• CTA : Bottom of image if needed, minimal.

4:5 Format (vertical) — Stories and Reels

Takes up the full phone height. Very immersive.

• Product : Can be larger (80-85%). The vertical format allows it.
• Top text : If you add a CTA, top is safer (before the scroll).
• Bottom of image : Leave 10% blank so Meta doesn't hide its own CTA.

1.2:1 Format (landscape) — Desktop and Carousel

Less mobile, more desktop. Good for Carousels (multiple products).

• Product : 60-70%, you have space.
• Text : Right side or bottom-right. Space allows it.
• Badge : Top-right, larger than on square (proportionally).

Multi-format creation tool

With Maginali, you can:

1. Create a 1:1 visual with your product + badge
2. Auto-scale to 4:5 (add space top/bottom) and 1.2:1 (widen sides)
3. Test all three formats in a single Meta campaign

This lets you have one "canonical version" (the design) and generated variations, without redoing the work 3x.

Real cases: what works

Fashion product (sweater, skirt, shoes):

• 1:1 format, pure white or very light background
• Product centered and large
• Top-right badge: -20% in red or green
• Bottom CTA: Discover in light white/gray
• A/B test: same product, 3 different backgrounds

Electronics product (headphones, phone):

• 4:5 format, black or very dark gray background
• Product top-centered (leaves space for bottom CTA)
• Badge: Limited edition or -15%
• Bottom CTA: Order now in yellow/gold
• A/B test: same product, 2-3 different angles

Beauty product (cream, serum):

• 1:1 format, rose-to-white or peach-to-white gradient
• Product centered, 65% of the image
• Top-right badge: Free shipping or Promo
• Micro-text bottom: Brand + price (small font)
• A/B test: same product, 2-3 badge variants

Before you launch your ad

Quick checklist :

1. ✅ Zoom to 50% on your image (mobile view). Is the product clearly visible?
2. ✅ Text on image? Minimum 18px, maximum contrast?
3. ✅ One dominant badge, well-placed top-right?
4. ✅ Clean, clear background, no distracting details?
5. ✅ Do you have square (1:1) AND vertical (4:5) versions?
6. ✅ Is the CTA (if any) legible in 1 second?

Yes to all = validated. Launch.

Conclusion

Facebook and Instagram ads that convert aren't complicated. Just:

• Dominant, sharp product
• One promo badge, well-placed
• Legible text on mobile
• At least 2-3 formats tested

With these rules and a tool like Maginali for background removal and format scaling, you'll spend far less time producing each ad variant — and more of that time testing what actually converts.

Start by testing 3-4 different images on the same audience. See who wins. Then duplicate the winner and iterate.