The Page Header is one of the most central components in headful. It defines the visual and structural entry point of a page and combines media elements with titles, additional information, and optional introductory text.
The Page Header can include:
an image, video, or web video
an optional date
a headline
a subline
copy text
a badge
All elements can be flexibly shown or hidden, making the component highly versatile.
Image Positioning
At the beginning, you define how the visual is positioned in relation to the title area:
Image above the title
Image left of the title
Image right of the title
Without Image
This decision significantly influences the later text structure and layout possibilities.
Visual Settings
Under “Visual,” you define whether an image, a video from the Media Archive, or a web video is used.
For images, cropping 
and focus can be adjusted.
For videos, playback options such as Autoplay, Controls, Loop, and disabling the Play button are available.
Badge
The badge is an optional visual accent within the Page Header. It can be shown or hidden and can be assigned the usual linking options.
Important: The badge color is automatically derived from the background color of the primary colors in the Colored color scheme and cannot be defined separately.
Headline, Subline & Copytext
The headline is only displayed if the corresponding field is filled. If it remains empty, it will not appear.
The subline can be shown or hidden either via its field or via the eye icon.
The copy text is managed through a rich text editor and can also be shown or hidden.
Date
A toggle 
allows you to define whether the date is displayed within the Page Header.
Color Scheme
A color scheme can be applied to the entire Page Header. This affects the typography and background areas of the component.
Formatting Notes
If the predefined formatting of the headline or subline does not meet your design needs, the copy text can be used to create a custom title structure.
The desired title can be formatted within the rich text editor. However, this approach is only recommended when the image is positioned left or right. When the image is positioned above, it may result in uneven line breaks.
Tips & Tricks
Choose the image positioning carefully, as it strongly affects the overall text structure.
Ensure sufficient contrast between video visuals and the headline.
Keep the headline and subline concise, as the Page Header defines the visual hierarchy of the entire page.