Badge

Small graphics, big impact

Sprechblase mit dem Wort Info

What is it all about?

A "badge element" on a website is a type of visual or graphic element that can be used in many different ways: from a symbol that reinforces a headline to a trust-building symbol of quality.

Glühbirne neben der englischsprachigen Überschrift Good to know

Good to know

A badge element can be a photo, a vector image or even an animated GIF graphic to increase user attention. When hovering over the image, it is zoomed in and the title is displayed, if maintained. For SVG files, the title is only displayed if a title has been assigned within the image file itself. Clicking on the image will switch to the page stored in the TYPO3 backend, provided a link has been entered.

Badge size S

Example A:

Badge with icon and link

Example B:

Badge with picture

Waves on the beach as the sun sets
© This is the Copyright spot

Example C:

Badge with animated GIF

Animation of a hummingbird flying towards a flower
© This is copyright

Badge size M (standard size)

Example A:

Badge with icon

Example B:

Badge with picture and link

Example C:

Badge with animated GIF

Animation of a hummingbird flying towards a flower
© This is copyright

Badge size L

Example A:

Badge with icon

Example B:

Badge with picture

Waves on the beach as the sun sets
© This is the Copyright spot

Example C:

Badge with animated GIF and link