Einsatzfaelle fuer das Band-Feature – ZenBlocks buttonBasic
Fazit
Mit dem Band-Feature fuegen Sie dem Knopf ein **diagonales Label** hinzu. Ideal fuer kurze Hinweise wie `SALE`, `NEW`, `Empfohlen` oder `Limitiert`, ohne den Haupttext zu aendern.
—
Was ist das Band
Das Band ist ein diagonaler Zierstreifen an einer Knopf-Ecke und funktioniert wie ein visuelles Badge.
### Eigenschaften
– Position an allen 4 Ecken moeglich
– Diagonale Darstellung
– Hintergrund- und Textfarbe getrennt einstellbar
– Unabhaengig von Haupttext und Icon
– Responsive anpassbar je Geraet—
Typische Einsatzfaelle
### Fall 1: Rabatt und Kampagne
– Text: `SALE`, `-50%`, `Nur kurz`
– Position: oben links oder oben rechts
– Farbe: auffaellig (z. B. rot) mit hellem Text
– Einsatz: E-Commerce-CTA### Fall 2: Neuheit und Empfehlung
– Text: `NEW`, `Empfohlen`, `Beliebt`
– Position: oben rechts
– Farbe: Markenfarbe + heller Text
– Einsatz: neue Funktionen oder bevorzugte Plaene### Fall 3: Knappheit und Dringlichkeit
– Text: `Noch 3 Plaetze`, `Nur 10`, `Noch 2 Tage`
– Position: oben links
– Farbe: orange/rot mit hellem Text
– Einsatz: Event-Anmeldung, limitierte Angebote### Fall 4: Statuskennzeichnung
– Text: `FREE`, `PRO`, `Beta`
– Position: oben rechts
– Farbe: neutral oder markenkonform
– Einsatz: Planvergleich, Free-vs-Pro—
Einrichtung
1. Band-Panel oeffnen.
2. Kurzen Text eingeben (empfohlen: 2-6 Zeichen).
3. Position waehlen (oben links/rechts, unten links/rechts).
4. Hintergrund- und Textfarbe setzen.
5. Schriftgroesse passend zum Knopf abstimmen.
6. Im Frontend auf Balance pruefen.—
Hinweise
– Zu langer Bandtext fuehrt zu unruhigem Layout.
– Bei stark gerundeten Knopfs die Eckenwirkung pruefen.
– Das Band wirkt promo-stark; Markenfit vorher pruefen.
– Auf Mobilgeraeten Bandgroesse oft leicht reduzieren.—
Verwandte Einstellungen
– [Band-Einstellungen](../band/)
– [Stileinstellungen](../style/)
– [Layout-Einstellungen](../layout/)