Zum Inhalt springen
UI Kit
Accent

Landingpage und Marketing Components

Sections, die verkaufen. Heroes, Features, Pricing, Social Proof und Calls to Action.

Alles, woraus eine Landingpage besteht

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.

36 Kategorien

  • Hero

    17 Variants

    Der erste Screen einer Seite.

  • Features

    15 Variants

    Was ein Angebot kann, als Grid, Rows und Bento.

  • Logo Clouds

    8 Variants

    Kunden und Partner auf einen Blick.

  • Stats

    8 Variants

    Zahlen, die etwas belegen.

  • Pricing

    11 Variants

    Pläne, Stufen und Vergleiche.

  • Testimonials

    11 Variants

    Zitate, Reviews und Ratings.

  • Call to Action

    11 Variants

    Die Einladung zum nächsten Schritt.

  • FAQ

    7 Variants

    Häufige Fragen als Accordion und Grid.

  • Newsletter

    12 Variants

    Anmeldung für Updates.

  • Banners

    9 Variants

    Announcement Bars und Aktionen.

  • Cookie Consent, Angebote und Ankündigungen im Dialog.

  • Services

    7 Variants

    Was du anbietest, als Cards, Listen und Detail Rows.

  • Use Cases

    6 Variants

    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.

  • Product Tour

    6 Variants

    Geführt durch ein Produkt, Schritt für Schritt.

  • Press und Awards

    10 Variants

    Berichte, Awards und Media Kits.

  • AI Features

    6 Variants

    Sections, die zeigen, was AI in einem Produkt leistet.

  • App Download

    5 Variants

    Store-Buttons, QR-Codes und Telefone für die Seite, die Menschen zu deiner App bringt.

  • Der Schmerz, den Besucher kennen, dann der Ausweg.

  • Einwände

    5 Variants

    Bedenken vor dem Kauf, beantwortet mit Belegen.

  • Rechner

    10 Variants

    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.

  • Community

    5 Variants

    Die Menschen rund um ein Produkt und wie man dazukommt.

  • Open Source

    5 Variants

    Kennzahlen, Mitwirkende, Sponsoren und Ausgaben.

  • Manifest

    5 Variants

    Wofür ein Unternehmen steht, in eigener Stimme.

  • Angebot

    5 Variants

    Ein Angebot mit Wert, Boni und Zahlweisen auf einen Blick.

  • Lead-Magnet

    4 Variants

    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.

  • Scroll-Reisen

    13 Variants

    Eine Zahl, ein Bild oder eine Markierung reist beim Scrollen mit. Zähler durch Stationen, Daumenkino-Bilder und Wege, die sich selbst zeichnen.

  • Scroll-Effekte

    13 Variants

    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.

Oft gesucht

Direkt zu

In die Zwischenablage kopiert