Single column stages

For a great visual appearance

Info

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

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.

CC-BY-NC-ND Urheberrecht sunt et officia ipsum Lorem fugiat.

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).

CC-BY-NC-ND Urheberrecht sunt et officia ipsum Lorem fugiat.

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

Single column stage with background color

and activated frame option.

© Quid ad utilitatem tantae pecuniae

Single column stage with fixed background image

and a disruptor overlapping the next stage.

© Occultum facinus esse potuerit

Single column stage with content in semi-transparent box 

and an alignment left and a disruptor.

Alternativer Text
© Occultum facinus esse potuerit

Single column stage with content in semi-transparent box

and an alignment on the right and a disruptor.

Alternativer Text
© Occultum facinus esse potuerit

Single column stage with content in semi-transparent box

and an alignment centered and a disruptor.

Alternativer Text
© Copyright

Single column stage with background video

Content is displayed on one side.

CC-BY-NC-ND Urheberrecht sunt et officia ipsum Lorem fugiat.

Single column stage with audio track

© Urheberrecht

Single column stage with animated disruptor

Animierter Kolibri

Single column stage with single media element