Zum Inhalt springen
Alle Sections
Sections/

Einstieg

Der Abschnitt direkt unter dem Hero: in wenigen Zeilen oder Punkten, worum es geht.

Vorschauen brauchen Platz, Komponenten nicht.
Dealt Card TeaserNeu
Ink Fill PromiseNeu
Inline Photo SentenceNeu
Welcome Lede Four Points
Stats Inline Pill Headline
Word Rail Statement
Behind The Jet Title
Offset Cards Meadow
Drawn Underline Statement
Field Type BandNeubraucht GSAP
Beam Statement PanelNeu
Stacked Verb Scroll
Fault Line IntroNeu
Audience Rail IntroNeu
Workday Orbit IntroNeu
Scroll Tinted LedeNeu
Inline Media SentenceNeu
Intro Facts Aside Image
Opening Phrase Focus
Two Tone Phrase ManifestoNeu
Editorial Split Statement
Woven Image StatementNeu

Wofür ist eine Intro Section da?

Eine Intro Section folgt direkt auf den Hero und sagt in ein, zwei Sätzen, für wen die Seite ist und warum das wichtig ist. Sie ist die Brücke zwischen Überschrift und Details. Die Sections hier machen das mit einer großen Aussage, einem Satz mit kleinen Bildern in der Zeile, Wörtern, die beim Scrollen die Farbe wechseln, ein paar Fakten neben einem Bild oder einer Reihe von Karten, die das Publikum benennt.

Setz sie ein, wenn der Hero kurz oder sehr bildlastig ist und Besucher Kontext brauchen, bevor die Features kommen. Bleib bei 30 bis 60 Wörtern. Große Schrift trägt die Wirkung, ein klarer Satz schlägt einen Absatz. Jedes Intro ist eine React-Datei mit Tailwind-Klassen, Scroll-Effekte zeigen bei reduzierter Bewegung einfach den fertigen Text.

Weitere Section-Kategorien

FAQ

Häufige Fragen

30 bis 60 Wörter. Eine Aussage in großer Schrift wird ganz gelesen, drei Absätze werden überflogen. Details gehören in die Feature-Sections danach.

Nicht immer. Nennt der Hero Produkt, Zielgruppe und Ergebnis, geh direkt zu den Features. Ein Intro hilft, wenn der Hero vor allem aus einem Bild oder einem einzelnen Wort besteht.

Ja. Ist im System reduzierte Bewegung eingestellt, erscheint der Text im Endzustand. Du kannst den Bewegungsteil auch entfernen und das Layout behalten.

Deine Frage war nicht dabei? Wir helfen gern weiter.

Kontakt aufnehmen