Twitter profile GUI PSD

April 18th 2014 4 Replies

Twitter profile GUI PSD

Updated to include twitter’s new Gotham Narrow typeface update (31st May 2014). Same link below.

Based on the announcement of the upcoming facebook-like twitter profile page, we’ve made a new Twitter profile GUI PSD based on our previous template so all our fellow designers can test twitter page assets before putting them live.

twitter profile gui psd

This new page is a slightly more dynamic that previous twitter profiles. The size of the cover image is responsive flexing with the browser width, so we picked a width that represents the source asset at 100%. Any images you create and export will be at the required size for uploading when the updates become available you. The size represented in the PSD shows how the image will appear at 1500px wide, which in a browser will crop the top & bottom. Strangely twitter only show the full image height when it is scaled beyond 100% width, the source asset you are looking to upload will be 1500x500px – the size we have created the smart object in the PSD.

The download contains both @1x and @2x retina PSDs. We hope you all continue to find this useful. Please share & spread throughout the design community and follow our blog and twitter account for future updates. Enjoy.



  • EnriqueTllz

    Thanks, as always very helpful!

  • boo

    wow.. great.. so fast, I always use all Twitter GUI from Every Interaction for all my item on marketplace.. really helpful.. thank you.

  • Deyson

    Hello and good day! Thank you so much for the great work.

    I wanted to know what is the license on the PSD you are sharing? Is it only for personal use?

    Thank you and have an amazing day!

    • Jon Darke
      Jon Darke Post author

      No license, free to all to use as they wish. We made this specifically for designers for commercial use! Knock yourself out. We only ask that if you repost the resource online that it is properly accredited. Enjoy.

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>