Image Elements

Das Bild Element passt sich immer der Breite der Column oder der Section Content Width an. Es sollte immer ein Alternative Text vergeben werden. Alternativtexte für Bilder sind wichtig für Barrierefreiheit und SEO.

Generell sollten nur Bilder von einer Dateigröße von < 1 MB in die Media Bank hochgeladen werden, um eine gute Performance der Seite beim Aufruf zu gewährleisten. Ausgenommen davon sind Bilder die z.B. als Download für die Presse hinterlegt werden.

Die Image Area gruppiert Bilder. Sie ist geeignet um z. B. Icons nebeneinander abzubilden oder Image-Grids zu bauen.

Per Klick auf den See more Button geht das Modal mit dem Slider auf.

Dieses Element vereinfacht das Positionieren von Text und Bild, ohne das mehrere Content-Elemente ineinander verschachtelt werden müssen.

Teaser-Elemente sind als großflächige Teaser anzusehen, die ein Thema anpreisen und auf eine Themenseite verweisen.

Das Teaser-Element sollte laut CI-Konzept immer über die volle Breite des Contents laufen. Hierfür ist beim Element Section die Content Width auf "Full" zu stellen.

Das HeroSegment dient dem Benutzer als ersten Einblick in Ihr Unternehmen und Angebot, da es sich oben auf der Webseite befindet und sich normalerweise über die gesamte Breite erstreckt.
(Hierfür ist beim Element Section die Content Width auf "Full" und das Spacing auf "None" zu stellen.)

Ein HeroSegment kann auch dazu dienen, Benutzer zu einem gewünschten Link oder einer Call-To-Action zu führen oder das Nutzenversprechen Ihres Unternehmens oben auf der Webseite zu präsentieren.