Hero Varianten: Text & Schatten

Um den Text auf dem Bild gut lesbar zu machen, wird der Text mit einem kontrastreichen Schatten bzw. Hintergrund versehen. Wenn das Bild speziell ruhige, dunkle oder helle Bereiche enthält, kann auf diesen Schatten verzichtet werden. Standardmässig ist der Style auf einen hellen Schatten mit schwarzem Text eingestellt.

Die helle invertierte Box stellt sicher, dass die Schrift auf allen Hintergrundbildern gut lesbar ist.


Storytelling

Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,

Die dunkle invertierte Box stellt sicher, dass die Schrift auf allen Hintergrundbildern gut lesbar ist.


Storytelling

Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,


Bei ruhigen hellen Hintergrundbildern ist die Lesbarkeit von schwarzem Text ohne eine Box gewährleistet.


Light sky

Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,


Bei ruhigen dunklen Hintergrundbildern ist die Lesbarkeit von weissem Text ohne eine Box gewährleistet.

Dark sunset

Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,


Ein symbolisches Hintergrundbildern kann zur verbesserung der Lesbarkeit mit der abgedunkelten Primärfarbe eingefärbt werden.


Dark sunset

Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,


Ein symbolisches Hintergrundbildern kann zur verbesserung der Lesbarkeit mit der abgedunkelten Sekundärfarbe eingefärbt werden.


Dark sunset

Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,


Dies ist eine Seite mit Blindtext.

Inhalt mit dem Wortlaut "Lorem Ipsum" für rein demonstrative Zwecke.