Zum Inhalt springen
UI Kit
Accent

Sale Banner und Aktionen

Flash Sales mit Countdown, Angebote mit Vorratsbalken, Drops nach Uhrzeit und Produkt-Abzeichen für Neu, Sale und Limitiert.

2 Components · 8 Variants
Kategorie wechseln

Dringlichkeit, die ehrlich bleibt

Eine Aktion wirkt, wenn Besucher sofort sehen, was reduziert ist, wie lange noch und wie viel übrig bleibt. Die zwei Components hier bringen einen tickenden Countdown, Vorratsbalken und klare Abzeichen mit, und nach dem Ende einer Aktion sagt der Text, wann die nächsten Angebote starten.

Der Flash Sale kommt als „Countdown-Band“ auf dunklem Grund, als Angebotsraster, dessen Balken sich beim Scrollen füllen und ab 80 Prozent warm werden, als „Angebot des Tages“ mit einem Ring, der sich mit der Restzeit leert, und einer Menge bis zum Limit je Kunde, und als „Drops nach Uhrzeit“ mit Reitern und Erinnerung für spätere Zeitfenster. Die Produkt-Abzeichen markieren Neu, Sale, Nachhaltig, Limitiert, Bestseller und Bewertung, „Auf Produktkarten“ an festen Plätzen, „Mit Erklärung“ samt Nachweis, als gezeichnete Sticker für Kampagnenbilder oder „Als Filter“ über einem Raster.

Lass einen Countdown auf ein echtes Ende zulaufen, eine ehrliche Uhr bringt Kunden zur nächsten Aktion zurück. Halte höchstens zwei Status-Abzeichen pro Karte, dann bleibt das Raster ruhig, und erkläre Abzeichen wie Nachhaltig überall dort, wo eine Aussage einen Beleg verdient. Das Angebotsraster passt zu einer Aktionswoche, das Angebot des Tages zu einem einzelnen Highlight.

flash-sale

Flash Sale

Eine Aktion mit tickender Uhr und knappem Vorrat. Ein Band, ein Angebotsraster, ein Angebot des Tages und Drops mit Erinnerung.

Props und Details · Flash Sale

Countdown-BandNeu in 1.2

Ein dunkles Band mit wanderndem Licht, der Countdown in großen Ziffern, die jede Sekunde rollen, und ein Aufruf. Nach dem Ende sagt es, wann die nächsten Angebote starten.

AngebotsrasterNeu in 1.2

Vier Angebote mit der Uhr im Kopf. Jede Karte hat einen Vorratsbalken, der sich beim Scrollen füllt, ab 80 Prozent warm wird und die Stückzahl nennt, und graut die Karte aus, wenn sie ausverkauft ist.

Angebot des TagesNeu in 1.2

Ein Produkt groß mit einem Ring auf der Ecke, der sich mit der Restzeit leert. Preis, Ersparnis, die tickende Uhr, der Vorratsbalken und eine Menge, die beim Limit pro Person endet.

Drops nach UhrzeitNeu in 1.2

Die Zeitfenster eines Tages als Tabs mit Pfeiltasten, das laufende mit pulsierendem Punkt. Dessen Angebote sind kaufbar, spätere zeigen einen unscharfen ersten Blick und nehmen eine E-Mail für die Erinnerung.

product-badges

Produkt-Abzeichen

Abzeichen für Neu, Sale, Nachhaltig, Limitiert, Bestseller und Bewertung. Auf Karten, erklärt, als Sticker oder als Filter.

Props und Details · Produkt-Abzeichen

Auf ProduktkartenNeu in 1.2

Feste Plätze halten ein Raster ruhig. Status-Abzeichen stapeln sich oben links (höchstens zwei), die Bewertung steht oben rechts und Nachhaltigkeit am Fuß des Bildes. Jede Art hat ihre eigene ruhige Farbe.

Mit ErklärungNeu in 1.2

Auf der Produktseite öffnet jedes Abzeichen eine kurze Erklärung mit dem Beleg dahinter. Es öffnet immer eines, Escape und ein Klick daneben schließen, der Fokus geht zurück zum Abzeichen.

StickerNeu in 1.2

Gezeichnete Sticker für Kampagnenbilder. Ein langsam drehender Sale-Stern, ein Ring, dessen Text um den Rand läuft, ein Eckband für Neues und ein Stempel für Nachhaltiges.

Als FilterNeu in 1.2

Die Abzeichen als Schalter über dem Raster, mehrere zugleich. Jeder zählt, was übrig bliebe, leere Kombinationen treten zurück, das Raster baut sich kurz neu auf und sagt es klar, wenn nichts passt.

Oft gesucht

Direkt zu

In die Zwischenablage kopiert