Extreme Weather Heroes

By Stig Morten Myre

December 08, 2009

8 Comments

Designed by ZeroSeven

Here’s a great example of clever craftsmanship. In a few different spots, like the November 2009 heading, you’ll notice text placed on top of a texture. At first glance, one would think this was achieved by using background images, or just an image of the text and background. Neither method would work well if the email client doesn’t support background images, or blocks images.

The way this is actually pulled off is by slicing the texture graphics around the text, and just using a similar solid background color behind the text. This gives the illusion of a texture behind the text, when there really isn’t one.

Smart technique, and great campaign overall.

Posted in:

8 Comments

  1. Jason Head
    December 8, 2009 1:37pm

    That is a cool technique - however you have to be careful to build in a bit of padding too.  I usually notice a difference in both the font-size and padding across different email clients - even a slight bump in either around the text will reak havoc on some of these.

  2. Graham
    December 8, 2009 4:43pm

    This is a very nice work-around solution!
    Thank you for sharing it with us.

  3. Matt Bee
    December 8, 2009 7:57pm

    Have been using this technique for years,  against my will almost everytime. Whilst it does work to an extent (as Jason Head points out) by enclosing the text top and bottom you are not only creating a broken design for increased text sizes, but creating something that you may have to re work for each time you want to re use it.

    But if you can get away with it, I’m all for it! Combining this technique with background images would obviously solve the problem for a lot of email clients.

  4. Autumn
    December 9, 2009 12:13am

    Can we see how this email renders with images blocked?

  5. Mathew Patterson
    December 9, 2009 7:22am

    Campaign Monitor team member

    @Autumn If you use something like the web developer toolbar you can turn off images on the page to get roughly the same result

  6. Ryan O'Neill
    December 9, 2009 2:23pm

    Looks awesome to me! Blocked images? When you sign up for newsletters, you usually allow them to display in your email client anyway. Nice design.

  7. Fran
    December 9, 2009 3:00pm

    It’s almost hard to believe a charity can look so sexy!

  8. Jerry Kang
    December 9, 2009 3:04pm

    That’s just what I was thinking Ryan O’neill

Comments for this entry are closed.

Browse the Blog

  1. Behind the Scenes (28)
  2. Interviews & Buzz (132)
  3. New Features & Updates (229)
  4. Observations & Answers (210)
  5. Release Notes (1)
  6. Tips & Resources (477)

Explore the Email Gallery

@HunterOwens And sorry again! This one has been frustrating for everyone, but obviously for affected customers the most!

Follow us on Twitter