Hero variations: Text & Shadows
To make the text on the image easy to read, the text is provided with a high-contrast shadow or background. If the image contains especially quiet, dark or light areas, this shadow can be omitted. By default, the style is set to a light shadow with black text.
(Standard) Style: Light box, dark font
The bright inverted box ensures that the font is easily readable on all background images.
Lorem ipsum
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor tempor invidunt ut labore et dolore magna aliquyam erat,
Style: Dark box, white font
The dark inverted box ensures that the font is easily readable on all background images.
Lorem ipsum
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor tempor invidunt ut labore et dolore magna aliquyam erat,
Style: Without shadow, black text
With calm bright background images, the readability of black text is guaranteed without a box.
Lorem ipsum
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor tempor invidunt ut labore et dolore magna aliquyam erat,
Style: Without shadow, white text
With quiet dark background images, the readability of white text is guaranteed without a box.
Lorem ipsum
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor tempor invidunt ut labore et dolore magna aliquyam erat,
Style: primary dark, white text
A symbolic background image can be colored with the darkened primary color to improve readability.
Lorem ipsum
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor tempor invidunt ut labore et dolore magna aliquyam erat,
Style: secondary dark, white text
A symbolic background image can be colored with the darkened secondary color to improve readability.
Lorem ipsum
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor tempor invidunt ut labore et dolore magna aliquyam erat,
This is a Page with dummy text.
Content with the wording "Lorem Ipsum" is only a placeholder.