Badge

Kleine Grafik, große Wirkung

Worum geht's?
Ein "Badge-Element" auf einer Website ist eine Art visuelles oder grafisches Element, das ganz unterschiedlich angewendet werden kann: von einem Symbol, das eine Überschrift bekräftigt bis hin zu einem vertrauensstiftenden Qualitätssymbol.

Gut zu wissen
Ein Badge-Element kann ein Foto, ein Vektorbild oder sogar eine animierte GIF-Grafik sein, um die Aufmerksamkeit der Nutzer:innen zu erhöhen.

Bei Hover über das Bild wird dieses herangezoomt, der Titel wird, sofern gepflegt, angezeigt. Für SVG Dateien wird der Titel nur angezeigt, wenn innerhalb der Bilddatei selbst ein Titel vergeben ist.

Bei Klick auf das Bild wird auf die im TYPO3 Backend hinterlegte Seite gewechselt, sofern ein Link eingepflegt wurde.
 

 

Badge in Größe S

Beispiel A: 
Badge mit Icon

Beispiel B: 
Badge mit Bild

© Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Beispiel C: 
Badge mit animiertem GIF

© Hier steht das copyright

Badge in Größe M (Standard-Größe)

Beispiel A: 
Badge mit Icon

Beispiel B: 
Badge mit Bild

© Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Beispiel C: 
Badge mit animiertem GIF

© Hier steht das copyright

Badge in Größe L

Beispiel A: 
Badge mit Icon

Beispiel B: 
Badge mit Bild

© Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Beispiel C: 
Badge mit animiertem GIF