Page Header Full Image

Page Header

Page HeaderModule

Usage

Page Header Full Image Use on article, news, or press release pages where a single dominant editorial photograph is the most important visual element of the page. Unlike other Page Header variants which use a two-column image/text layout, this module gives the image the full page width at a wide cinematic aspect ratio (21:9), making it the primary visual statement of the page. The module is deliberately minimal in its text treatment: it contains only a large H1 page title, a publication date (displayed as a bold icon tag with a calendar icon), and the full-width 21:9 image beneath — with an optional caption and image credit link below the image. There are no CTAs, no description paragraph, and no breadcrumb. The assumption is that the article body content (delivered via Details Page Content) immediately follows. Use instead of Page Header Minimal when the page is an article or news item with a strong lead photograph that should be given maximum visual prominence. Use instead of Page Header Detailed when the page does not have outcome statistics or a project metadata bar — i.e. it is a news article or press release, not a case study. Don't use on listing pages, event pages, or any page where structured metadata or action buttons are needed at the top. Currently only a Desktop variant is defined in Figma — confirm responsive spec with the team before using on Tablet or Mobile.