New Twitter Backgrounds

By tony | 1 Comment

At the beginning of September, we put together a mockup of a new background for our Twitter account. Like a lot of Twitter backgrounds, it had an explanation of who we were and some calls to action. But before we had a chance to add it to our account, Twitter changed their design.

Here was our original mockup:

The new Twitter website design is much wider and you aren’t guaranteed much space in the margins to show your message. How much space to you have? The experts at Banyan Branch have in depth tips for making backgrounds for the new twitter, including these rules of thumb for how much space you have to work with:

(100%*) Always Visible: 41px on each side
(72.7%*) of Modern Computers: 108px on each side (Requires about 1280x800px Screen Resolution or Higher)
(28.8%*) of Modern Computers: 200px on each side (Requires 1440x900px Screen Resolution or Higher)
(4.6%*) of Modern Computers: 312px on each side (Requires 1920×1080 Screen Resolution)

So, if we want to have a background message that reaches all modern web users, we needed to fit our message in just 41 pixels. That’s enough space for a small logo or a short message written vertically. What message should we put? I thought briefly about ways to say, “give us your money,” but decided instead to stick with what got us here, which was putting attendees first.

If you or your attendees need any sort of help, feedback, or advice, then email us.

See that background in action on our twitter account

Related Posts:

One Response to New Twitter Backgrounds

  1. Jess says:

    Hi Tony,

    Thanks for including our blog on this post! Hope everyone gets the help they need to create amazing new Twitter backgrounds.

    Take care,
    Jess
    Banyan Branch

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>