01 / ATTRACTION
Der Magnet.
01Folgt deiner Hand. Und zieht die Blicke an.
HOVER Sanfte AnziehungKLICK Die Teilchen sammeln sich
Der erste Impuls gehört dir.
Diesen Button herunterladen↖ Alle interaktiven Beispiele20 interaktive Buttons.
KNALL & KANTE LAB / 23
20 interaktive Buttons.
Designs ausprobieren.
DAS BUTTON-ATELIER / EDITION 01 + 02
Ein guter Button lädt ein.
Ein besonderer bleibt im Kopf.
20 INTERAKTIONEN, DIE MAN FÜHLT.Mit der Maus entdecken. Mit einem Klick erleben. ↓
Dein Lieblingsbutton. Zum Mitnehmen.
Einzeln unter jedem Design oder alle 20 zusammen.Mit Vorschau, HTML, CSS, JavaScript und Anleitung.
02 / SILK & LIGHT
Der Seidenglanz.
02Ein Lichtstreif, der über die Oberfläche wandert.
HOVER Schimmernde ReflexionKLICK Die Lichtstimmung wechselt
Rosé im ersten Licht.
Diesen Button herunterladen03 / SIGNED WITH FEELING
Das Siegel.
03Geprägt statt gedrückt. Mit einem guten Gefühl.
HOVER Der Siegelrand dreht sichKLICK Demo-Freigabe setzen / lösen
Dein Siegel wartet.
Diesen Button herunterladen04 / THE REVEAL
Gute Ideen
brauchen Raum.
brauchen Raum.
Der Vorhang.
04Eine Einladung, hinter die Oberfläche zu schauen.
HOVER Die Mitte öffnet sichKLICK Eine kleine Botschaft erscheint
Manches entdeckt man erst beim Klicken.
Diesen Button herunterladen05 / QUIET IMPACT
Die Welle.
05Ein leiser Kontakt. Ein sichtbarer Nachklang.
HOVER Eine feine Kontur wächstKLICK Wellen breiten sich aus
Noch ganz still. 0 Impulse.
Diesen Button herunterladen06 / ANOTHER ANGLE
Die Perspektive.
06Ein schwebender Körper. Zwei schöne Seiten.
HOVER Neigt sich zu deinem ZeigerKLICK Zeigt die Rückseite
Du siehst die Vorderseite.
Diesen Button herunterladen07 / THE SIGNATURE
Die Signatur.
07Eine Linie, die sich wie eine Unterschrift anfühlt.
HOVER Die Linie schreibt sich selbstKLICK Markenkarte als SVG herunterladen
Zum Mitnehmen. Mit Charakter.
Diesen Button herunterladen08 / A NEW BEGINNING
Die Einladung.
08Zwei Formen finden zusammen. Eine Idee beginnt.
HOVER Der Pfeil rückt näherKLICK Eine Einladung öffnet sich
Ein kleiner Klick kann ein Anfang sein.
Diesen Button herunterladen09 / A LITTLE MAGIC
Der Sternenstaub.
09Zurückhaltend, bis der richtige Moment kommt.
HOVER Die Sterne werden wachKLICK Ein kleiner Funkenregen
Ein bisschen Magie steht jeder Idee.
Diesen Button herunterladen10 / KEEP THE FEELING
Der Favorit.
10Fü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.
Diesen Button herunterladenDIE ZWEITE EDITION / 11—20
Noch ein bisschen
außergewöhnlicher.
Zehn neue Gesten. Von der ersten Berührung
bis zum kleinen großen Finale.
11 / OPEN TO POSSIBILITY
Die Iris.
11Sechs Blätter. Eine Einladung, sich zu entfalten.
HOVER Die Blende atmet aufKLICK Eine Blüte entfaltet sich
Ein neuer Blick beginnt mit dem Öffnen.
Diesen Button herunterladen12 / A FINE CONNECTION
Der Faden.
12Eine feine Linie verbindet zwei gute Gedanken.
HOVER Eine Kontur wird gezeichnetKLICK Die Verbindung entsteht
Zwei Punkte. Noch eine kleine Entfernung.
Diesen Button herunterladen13 / LIGHT IN FACETS
Das Prisma.
13Licht bricht sich. Ein neuer Farbton entsteht.
HOVER Die Facetten fangen das LichtKLICK Rosé, Kobalt und Perlmutt wechseln
Die erste Facette: Rosé.
Diesen Button herunterladen14 / THE NEXT LEVEL
Der Aufzug.
14Manchmal braucht eine Idee nur etwas Auftrieb.
HOVER Die Fläche hebt sich anKLICK Drei Ebenen durchlaufen
Ebene 01: Am Anfang steht die Idee.
Diesen Button herunterladen15 / WORDS THAT STAY
Das Echo.
15Ein 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.
Diesen Button herunterladen16 / SOMETHING PERSONAL
Die Kapsel.
16Ein kleines Behältnis für deinen eigenen Gedanken.
HOVER Der Glasrand leuchtet aufKLICK Eigene Botschaft eintragen
Was möchtest du aufbewahren?
Diesen Button herunterladen17 / FIND YOUR DIRECTION
Der Kompass.
17Neugierig bleiben. Und eine eigene Richtung finden.
HOVER Die Nadel folgt deinem ZeigerKLICK Vier Richtungen entdecken
Nord: Raum für neue Ideen.
Diesen Button herunterladen18 / THE RIGHT BALANCE
Die Balance.
18Zwischen ausdrucksstark und angenehm leise.
HOVER Die Fläche beginnt zu balancierenKLICK Ausdruck und Ruhe wechseln
Knall: ein bisschen mehr Ausdruck.
Diesen Button herunterladen19 / WRAPPED WITH CARE
Das Band.
19Ein feines Band um einen schönen Gedanken.
HOVER Die Enden falten sich aufKLICK Eine neue Botschaft auspacken
Ein gutes Wort wartet auf dich.
Diesen Button herunterladen20 / ONE MORE MOMENT
Das Finale.
20Ein 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.
Diesen Button herunterladenKostenlos zum Verwenden und Anpassen auf eigenen Websites und in Kundenprojekten. Mit eigenständiger Vorschau und einer kurzen Einbauanleitung.
GESTALTET MIT GEFÜHL. ENTWICKELT FÜR BERÜHRUNG.
Alle zwanzig Buttons reagieren auch auf die Tastatur. Auf dem Handy genügt ein Tippen.
DEIN AUFTRITT. DEIN GEFÜHL.
Der nächste Klick
könnte deiner sein.
Ein Button ist ein kleiner Moment zwischen deiner Marke und einem Menschen. Ob leise, verspielt oder ausdrucksstark: Wir gestalten Interaktionen, die zu deinem Auftritt passen und Besucher zum nächsten Schritt einladen.
Meinen Auftritt besprechen ↗