Hero
17 VariantsDer erste Screen einer Seite.
Sections, die verkaufen. Heroes, Features, Pricing, Social Proof und Calls to Action.
36 Kategorien · 50 Components · 304 Variants
Marketing-Sections führen Besucher vom ersten Bildschirm bis zur Anmeldung. Dieser Bereich sammelt sie in der Reihenfolge, die eine Landingpage meist braucht, zuerst der Hero, dann Features und Belege wie Logos, Zahlen und Kundenstimmen, dann Preise, FAQ und Call to Action. Daneben stehen die Teile für besondere Anlässe, ein Launch mit Warteliste, ein kostenloser Test, ein Empfehlungsprogramm oder ein Manifest.
Wähle je Section eine Variante und halte Abstände und Schrift über die Seite gleich, alle Sections hier teilen die Tokens des Kits, das geschieht also von selbst. Für eine Seite mit Bewegung setzen Scroll-Geschichten und Scroll-Effekte einen starken Moment, und die Sammlungen zeigen bewährte Reihenfolgen für SaaS, Apps und Agenturen.
Der erste Screen einer Seite.
Was ein Angebot kann, als Grid, Rows und Bento.
Kunden und Partner auf einen Blick.
Zahlen, die etwas belegen.
Pläne, Stufen und Vergleiche.
Zitate, Reviews und Ratings.
Die Einladung zum nächsten Schritt.
Häufige Fragen als Accordion und Grid.
Anmeldung für Updates.
Announcement Bars und Aktionen.
Cookie Consent, Angebote und Ankündigungen im Dialog.
Was du anbietest, als Cards, Listen und Detail Rows.
Ein Angebot, gezeigt für die Menschen, die es nutzen.
Zertifikate, Datenschutz, Uptime und Garantien.
Was neu ist und was als Nächstes kommt.
Countdowns, Waitlists und Launch-Momente.
Geführt durch ein Produkt, Schritt für Schritt.
Berichte, Awards und Media Kits.
Sections, die zeigen, was AI in einem Produkt leistet.
Store-Buttons, QR-Codes und Telefone für die Seite, die Menschen zu deiner App bringt.
Beträge, Kampagnenziele und die Wirkung jeder Spende.
Der Schmerz, den Besucher kennen, dann der Ausweg.
Bedenken vor dem Kauf, beantwortet mit Belegen.
Rendite und Ersparnis, von Besuchern selbst gerechnet.
Ein paar Fragen, die zu einer Empfehlung führen.
Test-Anmeldungen ohne offene Fragen.
Kunden, die Kunden bringen, Partner, die weiterverkaufen.
Die Menschen rund um ein Produkt und wie man dazukommt.
Kennzahlen, Mitwirkende, Sponsoren und Ausgaben.
Wofür ein Unternehmen steht, in eigener Stimme.
Ein Angebot mit Wert, Boni und Zahlweisen auf einen Blick.
Etwas Nützliches im Tausch gegen eine E-Mail-Adresse.
Sections, die beim Scrollen erzählen. Karten, die sich stapeln, seitlich wandernde Reihen, aufzoomende Bilder und Medien, die stehen bleiben.
Eine Zahl, ein Bild oder eine Markierung reist beim Scrollen mit. Zähler durch Stationen, Daumenkino-Bilder und Wege, die sich selbst zeichnen.
Bewegte Schrift und Tiefe, die eine Seite unverwechselbar machen. Ebenen in eigenem Tempo, gleitende Zeilen und Text als Fenster auf ein Bild.
Teile, die sich öffnen und zeigen, was dahinter liegt, Karten, die sich auffächern und stapeln, und Sections, die an die nächste übergeben.