Vorlage-All

LP-Blockkatalog

Block auswählen → SRC aufklappen → HTML kopieren

Die Demo ist für das neue System lp-ui + lp-page vorbereitet. Verwende auf normalen Seiten nur lp-ui. Für eine vollständige Landingpage füge auch lp-page hinzu.

Kicker

Badge + Punkt. Die Farben werden über die Theme-Klasse für body gesteuert.

Kalibrierung ohne Kompromisse
Verwende es über dem Hero, einem Abschnitt oder einer Box.
SRC – Kicker

Schaltflächen / Aktionen

Primäre + sekundäre CTA für Hero, Karten und CTA-Leiste.

Aktionsleiste In allen Blöcken verwendbar.
SRC – Aktionen

Medien

Universeller Rahmen für Bilder, Videos oder Iframes.

Preview media
Tipp: Verwende ihn im Hero-Bereich, neben Feature-Boxen oder als Testimonial/Referenz.
  • Einheitlicher Rahmen für alle Arten von Inhalten
  • In der Regel keine Inline-Stile
  • Sicher für Grid und Hero
SRC – Medien

Datenblatt

Robustes List-Element für Vorteile, Parameter und Argumente.

lp__list--check Vorteile mit Checkbox
  • Kontrast und Lesbarkeit
  • Ideal zum Überfliegen des Inhalts
  • Einheitliche Typografie
lp__list--brand Aufzählungspunkte mit Markenzeichen
  • Ein Satz ohne separates Symbol
  • Zweiter Satz ohne separates Symbol
  • Dritter Satz ohne separates Symbol
SRC – Liste

Classic

Text links, Bild rechts.

Classic-Layout

Hauptüberschrift für Classic

Kurze Erläuterung des Produktwerts oder der Lösung. 1–2 Sätze.

  • Vorteil 1
  • Vorteil 2
  • Vorteil 3
SRC – Classic

Split

Bild links, Text rechts.

Split-Layout

Überschrift für Split

Verwende dies, wenn du ein Bild oder Video an erster Stelle platzieren möchtest.

Story

Zentrierter Hero + daran anschließende Story-Boxen.

Story-Layout

Story-Überschrift

Ideal für „Problem → Lösung → Beweis“.

Problem

Was der Kunde löst. 1–2 Sätze ohne Fülltext.

Lösung

Wie sich das Ergebnis verändert und warum es funktioniert.

Vergleich

Zentrierter Block, gleiche Höhe, Feature in der Mitte.

Basisprodukt A Für grundlegende Anforderungen.
  • Funktion 1
  • Funktion 2
Für Produkt C Maximale Ausstattung.
  • Alles aus B
  • Erweiterte Optionen

Stepper

Der aktive Schritt ist in einer Sekundärfarbe hervorgehoben.

  • 1
    Auswählen
    Wähle die Variante entsprechend der Verwendung aus.
  • 2
    Einstellungen
    Schnelle Einrichtung und klare Anleitung.
  • 3
    Verwenden
    Konsistente Ergebnisse ohne Überraschungen.

Boxen

Für Feature-Grid, Argumente und Anwendungsfälle.

Präzision

Ein konkreter Satz zum Nutzen.

Workflow

Ein konkreter Satz zum Nutzen.

Sicherheit

Ein konkreter Satz zum Nutzen.

CTA-Leiste

Ein starker Abschluss für einen Abschnitt oder die gesamte Seite.

Sind Sie sich bei der Auswahl unsicher? Schreiben Sie uns, und wir empfehlen Ihnen die beste Variante für Ihren Anwendungsfall.

Trust-Leiste

Logos von Partnern, Kunden oder „As seen in“.

FAQ

Ohne JS: <details> + <summary>.

Wie schnell kann ich das einrichten? +
In der Regel innerhalb weniger Minuten. Der Vorgang ist einfach und wiederholbar.
Funktioniert das mit meinem Gerät? +
Ja, in den meisten gängigen Konfigurationen. Wenn du sichergehen willst, schick uns dein Setup und wir beraten dich.
Was, wenn ich mir bei der Auswahl unsicher bin? +
Schreib uns – wir empfehlen dir eine Variante, die genau zu deinem Problem passt.

Produktempfehlungen

Eine Karte = ein Produkt. Die gesamte Karte ist über einen Stretched-Link anklickbar.

Start Produkt A Kurze Erklärung, für wen es gedacht ist.
Produkt A
Für Produkt C Maximale Ausstattung für Anspruchsvolle.
Produkt C

Produktempfehlungen – ohne Bilder

Reine Landing-Variante. Text + CTA, maximaler Fokus auf die Entscheidung.

Start Produkt A Basisvariante für den allgemeinen Gebrauch und kleinere Projekte.
  • Schlüsselfunktion 1
  • Schlüsselfunktion 2
Für Produkt C Vollausstattung für anspruchsvolle Arbeitsabläufe.
  • Alles aus Variante B
  • Premium-Optionen

Fertig-Voreinstellung

Hero + Stepper + Produktempfehlungen + CTA. Einmal kopieren.

Fertig-Voreinstellung

Eine Überschrift, die ein Ergebnis verspricht

Ein kurzer Satz: Was der Kunde bekommt. Zweiter Satz: Warum gerade bei Ihnen.

  • Vorteil 1
  • Vorteil 2
  • Vorteil 3
  • 1
    Wählen
    Wähle die Variante je nach Verwendungszweck aus.
  • 2
    Einrichten
    Schnelle Einrichtung ohne Chaos.
  • 3
    Verwenden
    Konsistente Ergebnisse.

Empfohlene Varianten

Wähle je nach Bedarf.

Start Produkt A Für grundlegende Anforderungen.
Für Produkt C Für anspruchsvolle Anwendungen.
Sind Sie sich bei der Auswahl unsicher? Schreiben Sie uns, und wir empfehlen Ihnen die beste Variante für Ihren Anwendungsfall.
Es sind keine passenden Artikel vorhanden. Um weitere Produkte anzuzeigen, nutzen Sie bitte das Menü oder die Suchfunktion.
%s ...
%s
%image %title %code %s
%s