header photo

From IndieWeb
Jump to navigation Jump to search

A header photo is a landscape image often shown at the top of a profile, stream or article.

Indieweb Examples

Barnaby Walters

Barnaby’s homepage stream has a panoramic header photo at the top, with vertical gradients on each side to fill the space in case the site is viewed on huge screens.

Silo Examples


Facebook.com displays cover photos at the top of profiles, events and “pages”, e.g:

Screen Shot 2016-03-15 at 20.39.58.png

The header photo is referred to as “Cover” for pages, “Cover Photo” on personal profiles and “Event photo” for events.


Twitter.com displays header photos at the top of profile pages, and as a smaller version as part of the profile of the currently logged in user on Twitter.com

Screen Shot 2016-03-15 at 20.47.35.png

Screen Shot 2016-03-15 at 20.47.44.png

In the profile-editing UI it’s referred to as the “header photo”.


Attending.io displays a whole-screenful header photo at the top of event pages:

Screen Shot 2016-03-15 at 20.49.42.png

This design differs from the usual header photo design, as many important event details are overlaid onto the photo, including the RSVP call to action.

  • I find this design to be very confusing. Apparently my brain has trained itself to skip over header photos and these whole-page emotional response images, so having my gaze forced back onto it in order to see basic details like the event location, time and name is somehow very awkward, and prevents me from being able to quickly get a feel for what the event, when it is or anything about it at all. --Barnaby Walters 12:53, 15 March 2016 (PDT)