Create a free account

Blog

News, tips and all things Campaign Monitor

Gallery: Kraftvaerk Update

Posted by David Greiner on November 14, 2006

See the complete email designThis simple, clean email design sent for Denmark based Kraftvaerk caught our attention recently.

While the simple design looks great, today I want to focus on the email's great use of a liquid width layout. At least 90% of the campaigns we deliver every day use a fixed width design, it's by far the most popular design approach in HTML email. While this is the case, I actually think there are more benefits associated with using a liquid approach for email design.

With the introduction of preview panes, the default display area for our emails can range from a few hundred pixels to the entire width of the screen. A fluid design can expand or contract depending on the width of this area and in many cases ensure important content is visible without being hidden off screen. All the content in this design is still viewable with only 290 pixels of horizontal space. Even more impressive, it looks great when viewed full screen with more then 1600 pixels of width.

I'll put the whole fixed vs liquid width on my to-do list for a future post. I think it's something we'll start seeing more of moving forward and an approach I personally encourage you guys to check out.

Designer:  Rasmus Torp  |  See the complete design

1 comments so far

Chad Smalley

wrote on December 13, 2006 8:36 AM

Wow, this fluid layout does work remarkably well. I think they're on to something here.

Got anything to add?

Name

Web site

Your comments (basic HTML is fine)

Search all posts

Dig into a category

Stay in the loop

Subscribe to our RSS feed

Prefer updates via email? Sign up below and we'll send you all the good bits each month.

Popular articles

Email design guidelines
Straight to the point advice for creating effective emails.

Why we need standards support in email
Read why standards in HTML email are so important, and what we're doing about it.

CSS support in email for 2008
The CSS support of even more popular email environments tested and recorded.

Image blocking in email
A roundup of how each of the popular email clients suppress images in HTML email.

Can I use flash in email?
We test flash support in all the popular email clients. The verdict - don't do it.

Email design gallery

Our email design gallery showcases more than 150 amazing email designs sent by our talented customers.