---
title: "destination.badge"
url: "https://web.destination.one/ch/destinationbase/badge"
language: "de"
breadcrumb: "Root > Startsiite > destination.base > Badge"
---

Badge
=====

Chliini Grafik, grossi Wärkig

 

Badgeinfo

**Worum geit's?**
Es Badge-Element uf ere Websiite isch e visuell oder grafischs Element, wo ganz unterschiedlich cha bruucht werde: vom Symbool, wo e Überschrift unterstreicht, bis zu enem Qualitätssymbool, wo Vertrauen schafft.

**Guet zum wüsse**
Es Badge-Element cha es Foto, es Vektorbödli oder sogar e animierti GIF-Grafik sii, zum d'Ufmerksamkeite vo de Nutzer:innen z'erhöche.

Wenn Du mit em Hover über s’Bödli gahsch, wird das härangezoomt, und dr Titel wird, wenn er gsetzt isch, azeigt. Für SVG-Dateie wird dr Titel nume azeigt, wenn i dr Bilddatei sälber e Titel vergä isch.

Wenn Du uf s’Bödli klicksch, wird uf d’Site igwechselt, wo im TYPO3 Backend hinderleit isch, falls es Link iipflegt worde isch.

 

Filmklappe neben der Überschrift Live Demo

Live-Demo
---------

 

 

### Bispiel A:

Badge mitem Icon undem Link
Badge-Ausrichtig: rächts

### Beispil B:

Badge mit Bödli
Badge Uusrichtig: mitti

### Beispil C:

Badge mit animiertem GIF
Badge Uusrichtig: links

 

Badge i Grössi M (Standardgrössi)
---------------------------------

 

### Bispiel A:

Badge i de Conversion-Farb mitem Icon

### Bispiel B:

Badge mitem Bild undem Link

### Bispiel C:

Badge mitem animierte GIF

 

Badge i Grössi L
----------------

 

### Bispiel A:

Badge i de Conversion-Farb, mitem Icon undem Link

### Bispiel B:

Badge mitem Bild

### Bispiel C:

Badge mitem animierte GIF undem Link