Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I have to design this e-mail newsletters.

Some with just simple holiday cards and some more complex with offers and other stuff(images, text content etc. etc...) I am wondering if there is a safe standard width to work at ?


share|improve this question

The majority of the newsletters have a defined width of around 620 total pixels.

I usually use 600px, but anything below 620 is safe. Most email clients and web-based email providers don’t use the full width of the screen to display an email message. Whether it’s ads on Gmail, a menu in Hotmail or your Inbox in Outlook, a chunk of screen is often already being used (source).

Similar question in stackoverflow:

And the general NL guidelines from that answer here.

share|improve this answer

There is no standard width because you have to take into account mobile devices. It should be fluid. A good HTML E-Mail framework is

share|improve this answer
HTMLemailboilerplate just made my month! Where has this been all my life? Working with email HTML just became 20% less hellish... – user568458 Sep 27 '12 at 16:06
@user568458 , i would also recomened Zen Coding... just in case you're not familiar with it.. google Zen Coding, there are addons for NotePadd++, Dreamweaver, Coda and most code editors out there – Flavius Frantz Sep 27 '12 at 16:12
@FlaviusFrantz Nice, glad to see it works with Sublime Text (also highly recommended - the only text editor I've ever used that felt like real UI thinking went into its design) – user568458 Sep 27 '12 at 16:31

Although I asked the question, it's been a while, since then I've improved my knowledge on the topic:

After my research I would say the best way to design newsletters is to use Responsive Design instead of relying on one single standard width size...

It's better to make your design responsive because nowadays people read their email on a wide range of devices(SmartPhones, Pads, Desktop PC etc)

more info about Responsive Design for newsletters in this article:

The width is what you need to worry about, as for the height, need not to worry, the user can scroll his way through your content, since the apparition of Facebook, Twitter and SmartPhones, the user is much more used to scroll(vertical scroll that is, NOT horizontal) his way to see the content, but of course, keep in mind that he might not do that, so place the important stuff as high as posibile in your design.

This would be the very basic stuff that I can add to the above answers, but again, just to be sure, do your own research, google stuff you wanna know, and you'll end up creating a neat newsletter with great response from your audience.

Footnote: I will not mark any answer as "The Accepted Answer" yet because this topic is worth researching for before getting to work.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.