20 interaktive Buttons.

Eine interaktive Designvorlage. Mit Maus, Tastatur oder Touch ausprobieren.
Aus dem Button-Atelier von Knall & Kante.

00 / 20 ausprobiert

01 / ATTRACTION

Der Magnet.

01

Folgt deiner Hand. Und zieht die Blicke an.

HOVER Sanfte AnziehungKLICK Die Teilchen sammeln sich

Der erste Impuls gehört dir.

02 / SILK & LIGHT

Der Seidenglanz.

02

Ein Lichtstreif, der über die Oberfläche wandert.

HOVER Schimmernde ReflexionKLICK Die Lichtstimmung wechselt

Rosé im ersten Licht.

03 / SIGNED WITH FEELING

Das Siegel.

03

Geprägt statt gedrückt. Mit einem guten Gefühl.

HOVER Der Siegelrand dreht sichKLICK Demo-Freigabe setzen / lösen

Dein Siegel wartet.

04 / THE REVEAL

Der Vorhang.

04

Eine Einladung, hinter die Oberfläche zu schauen.

HOVER Die Mitte öffnet sichKLICK Eine kleine Botschaft erscheint

Manches entdeckt man erst beim Klicken.

05 / QUIET IMPACT

Die Welle.

05

Ein leiser Kontakt. Ein sichtbarer Nachklang.

HOVER Eine feine Kontur wächstKLICK Wellen breiten sich aus

Noch ganz still. 0 Impulse.

06 / ANOTHER ANGLE

Die Perspektive.

06

Ein schwebender Körper. Zwei schöne Seiten.

HOVER Neigt sich zu deinem ZeigerKLICK Zeigt die Rückseite

Du siehst die Vorderseite.

07 / THE SIGNATURE

Die Signatur.

07

Eine Linie, die sich wie eine Unterschrift anfühlt.

HOVER Die Linie schreibt sich selbstKLICK Markenkarte als SVG herunterladen

Zum Mitnehmen. Mit Charakter.

08 / A NEW BEGINNING

Die Einladung.

08

Zwei Formen finden zusammen. Eine Idee beginnt.

HOVER Der Pfeil rückt näherKLICK Eine Einladung öffnet sich

Ein kleiner Klick kann ein Anfang sein.

09 / A LITTLE MAGIC

Der Sternenstaub.

09

Zurückhaltend, bis der richtige Moment kommt.

HOVER Die Sterne werden wachKLICK Ein kleiner Funkenregen

Ein bisschen Magie steht jeder Idee.

10 / KEEP THE FEELING

Der Favorit.

10

Für etwas, das du nicht gleich loslassen möchtest.

HOVER Das Herz zeichnet sich nachKLICK Für diesen Besuch merken / lösen

Noch kein Lieblingsstück markiert.

11 / OPEN TO POSSIBILITY

Die Iris.

11

Sechs Blätter. Eine Einladung, sich zu entfalten.

HOVER Die Blende atmet aufKLICK Eine Blüte entfaltet sich

Ein neuer Blick beginnt mit dem Öffnen.

12 / A FINE CONNECTION

Der Faden.

12

Eine feine Linie verbindet zwei gute Gedanken.

HOVER Eine Kontur wird gezeichnetKLICK Die Verbindung entsteht

Zwei Punkte. Noch eine kleine Entfernung.

13 / LIGHT IN FACETS

Das Prisma.

13

Licht bricht sich. Ein neuer Farbton entsteht.

HOVER Die Facetten fangen das LichtKLICK Rosé, Kobalt und Perlmutt wechseln

Die erste Facette: Rosé.

14 / THE NEXT LEVEL

Der Aufzug.

14

Manchmal braucht eine Idee nur etwas Auftrieb.

HOVER Die Fläche hebt sich anKLICK Drei Ebenen durchlaufen

Ebene 01: Am Anfang steht die Idee.

15 / WORDS THAT STAY

Das Echo.

15

Ein Wort mit Nachhall. Ganz ohne einen Ton.

HOVER Die Buchstaben werfen SchattenKLICK Ein neuer Gruß zieht seine Kreise

Hallo. Schön, dass du da bist.

16 / SOMETHING PERSONAL

Die Kapsel.

16

Ein kleines Behältnis für deinen eigenen Gedanken.

HOVER Der Glasrand leuchtet aufKLICK Eigene Botschaft eintragen

Was möchtest du aufbewahren?

17 / FIND YOUR DIRECTION

Der Kompass.

17

Neugierig bleiben. Und eine eigene Richtung finden.

HOVER Die Nadel folgt deinem ZeigerKLICK Vier Richtungen entdecken

Nord: Raum für neue Ideen.

18 / THE RIGHT BALANCE

Die Balance.

18

Zwischen ausdrucksstark und angenehm leise.

HOVER Die Fläche beginnt zu balancierenKLICK Ausdruck und Ruhe wechseln

Knall: ein bisschen mehr Ausdruck.

19 / WRAPPED WITH CARE

Das Band.

19

Ein feines Band um einen schönen Gedanken.

HOVER Die Enden falten sich aufKLICK Eine neue Botschaft auspacken

Ein gutes Wort wartet auf dich.

20 / ONE MORE MOMENT

Das Finale.

20

Ein Fächer aus Licht. Ein schöner Abschluss.

HOVER Ein erster Lichtsaum erscheintKLICK Die ganze Form entfaltet sich

Für einen letzten kleinen großen Moment.

EIN KLICK. EIN ANFANG.

Gute Ideen
fangen mit
Hallo an.

Ein besonderer Button ist erst der Anfang. Hier kannst du später deine eigene Aktion oder einen Link ergänzen.