Twitter Design – Inspiring Twitter Background & Resources

Twitter Design - Inspiring Twitter Background & Resources

If you are a freelancer like me, you will probably find social media sites these days are your best friends. Facebook and Twitter are the most common social media sites being used to promote freelancing businesses. As you may have noticed, Twitter has redesigned the layout of the Twitter Homepage. It gives better support for multimedia applications such as videos and pictures, keyboard shortcuts and easier access to other kinds of content.

Twitter Design - Inspiring Twitter Background & Resources

However, the new Twitter layout is obviously affecting the look of your Twitter background design. With this new layout, 100% of Twitter users or your followers will always see at least 41 pixels on each side. In today’s post you will find out more about the detail interface dimensions for your new Twitter background, resources you can use in creating it, along with beautiful Twitter backgrounds for your inspiration.

Twitter Design Guide

Interface Dimensions

Below are the specifications on how wide your background will be seen when a Twitter user lands on your Twitter profile page.

  • 100% of users will always see at least 41 pixels on each side.
  • 72% of users viewing in 1280 x 800 or higher resolution will see 108 pixels on each side.
  • 28% of users viewing in 1440 x 900 or higher resolution will see 200 pixels on each side.
  • 4% of users viewing in 1920 x 1080 will see 312 pixels on each side

Design Directions

  • The right sidebar is now set with the 75% opacity. If you prefer to remove the transparent sidebar, you can find out more about it here. Either way, make sure to pick the right color to maintain the readability as well as the color impact.
  • The timeline column is set to always be 540 pixels wide, while the sidebar can vary. Therefore, it is best to use tiled patterns or a seamless background. Though, you can always be creative in creating your background and don’t forget to match it with your branding theme.

Inspiring Twitter Background Designs




























Twitter Design Resources

Show Off Your Twitter Background

Now that you have everything you need to know plus the resources we have provided, you are ready to renew your Twitter background. Tell us which is your favorite Twitter background or show us yours in the comment section.

Ari Suardiyanti also known as Chykalophia, is a professional freelance designer in graphic and web design with 3 years of experience. Founder and Editor of Frespiration!, she recently won The Annual Design Awards 2010 for best product packaging design. Other than design, she loves playing with her mac, being photographed, watching movies and listening to alternative rock.


  1. / Reply

    What do you think this ? You can send us your opinion.

    • Patrick,
    • February 10, 2011
    / Reply

    I kind of like mine, I call it 70’s dining room.

  2. / Reply

    These are great! In my opinion Twitter made it harder to design for when they released their new interface. I had to change mine ( to fix the sides for all viewers …

  3. / Reply

    Nice list, a bit… overseen: same people, same backgrounds.
    Why not dare to feature people not so famous and not so featured? =)

    1. / Reply

      I couldn’t agree more. Plus, these backgrounds don’t seem all that “special” to me. I guess because they are famous, well-known or whatever and need to stay relevant?

    • Gersk,
    • February 11, 2011
    / Reply

    I like this twitter background:

    • Tony,
    • February 11, 2011
    / Reply


  4. / Reply

    Great bunch!

    But I think there’s missing one:!/gertvanduinen

    • Eko S,
    • February 11, 2011
    / Reply

    Hi, thanks for included our twitter background (@ibrandstudio)….we also write a tutorial how to make it, here:
    Hope it useful :)

    • Vibin Hari,
    • February 11, 2011
    / Reply

    Sniff.. my twitter background looked nice with the old twitter.. now it looks.. yetch
    and I liked @cooljaz124 background idea

  5. / Reply

    @espacioHarley – I love the crispness of your design.

    You can check out mine at!/AliceGraphix

    1. / Reply

      Thank you very much @AliceGraphix.
      Yours is quite dark, but with the fresh mushrooms is quite fine.

  6. / Reply

    my brother designed my background for my dj related twitter
    features wood, turntables and a rane mixer + social icons.

  7. / Reply

    Some very intresting designs there, brilliant inspiration thankyou.

    • Chris,
    • February 17, 2011
    / Reply

    These are great.
    A lot less real estate to work with now.

    Just re-did the one for my employer…

  8. / Reply

    this is my twitter background

  9. brilliant collection :)

  10. Great ideas for some inspiration. Never cared to much about Twitter design but it does create a good impression

    • Paulo.SIlva,
    • March 11, 2011
    / Reply

    Que tal ( hablo español je!!! ) miren mi espacio en twitter: y muchas felicitaciones a los que hay mus sollados los backs

  11. / Reply

    I agree with Charnita Fance, the backgrounds are going to be just popular ones with the high member usage rank.

    • LA,
    • April 13, 2011
    / Reply

    I love the one by @cheth. Very nice. Here is one I did for a company recently:

  12. / Reply

    Thanks for the inspiration! I had a bit of fun with mine, and even included a secret message for anyone who views the background on its own:

    • jau,
    • October 3, 2011
    / Reply

    here is mine, just made it yesterday. :)

    much love!

  13. / Reply

    We just updated our twitter background and would love your feedback on it. @nerdec

    Direct URL:

    All feedback is appreciated!

  14. / Reply

    Awesome collection! Thank you!!

    • kyrul,
    • December 6, 2011
    / Reply

    nice lol ! creative design and clean design !

  15. / Reply

    Inspiring designs! We have given it a bash ourselves! Let us know what you think! @pnpguildford

  16. / Reply

    sorry the link is here~!/pnpguildford

    • SNO,
    • February 16, 2013
    / Reply

    We attempted really clean:
    I love that it breaks when you scroll, showing how they’re made

  17. / Reply

    These are great backgrounds buddy…….!!!

Leave a Reply

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


Iconfinder Coupon Code and Review

Iconfinder offers over 1.5 million beautiful icons for creative professionals to use in websites, apps, and printed publications. Whatever your project, you’re sure to find an icon or icon…

WP Engine Coupon

Considered by many to be the best managed hosting for WordPress out there, WP Engine offers superior technology and customer support in order to keep your WordPress sites secure…

InMotion Hosting Coupon Code

InMotion Hosting has been a top rated CNET hosting company for over 14 years so you know you’ll be getting good service and won’t be risking your hosting company…

SiteGround Coupon: 60% OFF

SiteGround offers a number of hosting solutions and services for including shared hosting, cloud hosting, dedicated servers, reseller hosting, enterprise hosting, and WordPress and Joomla specific hosting.