Twitter has just updated their profile pages (see mine here), including a responsive cover photo and with it comes some design challenges.
After playing around with a few brand’s cover photos, I have found some “safe areas” where you should fit your content. You can download the template below, and remember not to put anything important in the dark blue areas.
Twitter Cover Photo Template
Example Cover Photo
Below is a cover photo I made for Prolo‘s Twitter profile – notice how the map and logo are within the safe areas. Please note that the smallest mobile views are not accounted for here, as the profile picture covers most of the photo.
This free Photoshop (PSD) template file has been optimized based on the April 2014 Twitter design layout, and the Twitter Header / Cover Photo / Profile Image area which is 1500×500 pixels.