Single column stages
For a great visual appearance
What is it all about?
A large image stage on a website, often referred to as a “hero image”, offers several benefits that can help improve the user experience and communicate information. It should be ensured that when using a background image, it is of high enough quality to captivate users.
Good to know
A background image can be assigned to a single-column stage, background video or simply a color scheme. All editorial content elements can be maintained in this element.
Single column stage with a background image
This stage is suitable as a start screen for pages. The height of the stage is set to the full screen (viewport size).
Single column stage with a background image
The height of the stage can be determined by the spacings in the frame stage.
The stage spacing was removed for the mobile presentation
For better visibility, the option ‘Use scheme font style instead of media colour’ has been activated here.
Single column stage with background color
and activated frame option.
Single column stage with fixed background image
and a disruptor overlapping the next stage.
Single column stage with content in semi-transparent box
and an alignment left and a disruptor.
Single column stage with content in semi-transparent box
and an alignment on the right and a disruptor.
Single column stage
with content in a semi-transparent, center-aligned box
Single column stage with background video
Content is displayed on one side.
Single column stage with audio track
Single column stage with animated disruptor
Single column stage with single media element
