Typografie
Heading 1 2
Heading 2
Heading 3
Heading 4
Lead-Absatz: etwas groesser und ruhiger fuer Intros.
Normaler Paragraph mit Fliesstext. Hier steht Beispieltext, der die Standard-Lesefarbe und Zeilenhoehe zeigt.
Ein Blockquote mit Marken-Akzent links.
Listen, Trenner, Abstand
- Erster Punkt
- Zweiter Punkt
- Dritter Punkt
- Schritt eins
- Schritt zwei
- Schritt drei
Nach einem 40px Spacer und einem Divider.
Grid 2 / 3 / 4 + Feature-Cards
Zwei Spalten
Erste Karte.
Zwei Spalten
Zweite Karte.
Schnell
Drei Spalten.
Schoen
Drei Spalten.
Solide
Drei Spalten.
Vier
Karte A.
Vier
Karte B.
Vier
Karte C.
Vier
Karte D.
Dark Section
Dunkle Sektion mit heller Schrift — fuer Kontrast-Bloecke.
Brand Section
Sektion in Markenfarbe.
Image + HTML
Beliebiger HTML-Block.
Bereit loszulegen?
FAQ / Accordion
Wie lange dauert die Lieferung?
Kann ich mein Journal anpassen?
Gibt es eine Garantie?
Stats / Counter
Progress / Skill-Bars
Team
Visionaer.
Testimonials
Bestes Journal das ich je hatte.
Anna K.· KundinAbsolut empfehlenswert, top Qualitaet.
Bernd L.· KundeLogos / Clients
Steps / Process
Waehle dein Layout.
Personalisiere alles.
Wir liefern.
Video-Embed
Alerts + Badge
Page-Header (Unterseiten)
Kompakter Header mit Breadcrumb fuer innere Seiten.
Hero mit Eyebrow + Buttons
Standard-Hero mit Label und Aktions-Reihe.
Hero mit Bild + Overlay
Vollflaechiges Hintergrundbild mit dunklem Overlay.
Media + Text (Links/Rechts)
Bild links, Text rechts
Klassischer Wechsel-Block fuer Feature-Erklaerungen. Inhalt rechts, Bild links.
Mehr erfahrenBild rechts, Text links
Mit reverse-Prop gespiegelt — alternierend fuer Zigzag-Layouts.
Mehr erfahrenChips, Tags & Labels
DefaultBrandDarkNeuAktivStopProTabs (interaktiv)
Inhalt von Tab 1 — die Uebersicht. Klick die Tabs.
Filter / Portfolio (interaktiv)
Webseite A
Web-Projekt.
Broschuere B
Print-Projekt.
Logo C
Branding.
Shop D
Web-Shop.
Flyer E
Print.
Identity F
Branding.