Text
Normaler Fliesstext als Basisbeispiel. Dieser Abschnitt zeigt Titel, Text und Standardbreite.
Lead-Text
Ein Lead-Text kann zur Hervorhebung kurzer Einstiege verwendet werden.
Buttons
Standardrollen, Groessen und Icons werden zentral ueber das Designsystem gesteuert. Einzelne Blocks koennen die erlaubten Rollen einschraenken.
Text und Medium
Text und Medium kombiniert redaktionellen Inhalt mit einem optionalen Bild. Die Bildposition bleibt eine bewusste Darstellungsentscheidung.
Slider: Karten – responsiv
Slider: Karten – Fraction
Slider: Carousel – angeschnittene Karten
Slider: Carousel – sichtbarer Überlauf
Slider: Testimonials – einzeln
Slider: Galerie – mehrere Medien
Slider: Bildslider – einfach
Slider: Logos – manuell
Slider: Standard
Formular
Der Formularblock ist verfügbar. Für ein vollständiges Frontend-Beispiel muss ein Forminator-Formular vorhanden und aktiv sein.
CPT-Listing
Beispiel fuer ein generiertes CPT-Listing. Filter, Sortierung und Navigation kommen aus dem CPT-Vertrag.
Bewegung
Parallax
Vollbreite Bildfläche mit optionalem Text und Parallax-Bewegung.
Styleguide
Styleguide
Automatisch generierte Übersicht der verfügbaren Basis-Komponenten.
Text
Normaler Fliesstext als Basisbeispiel. Dieser Abschnitt zeigt Titel, Text und Standardbreite.
Lead-Text
Ein Lead-Text kann zur Hervorhebung kurzer Einstiege verwendet werden.
Buttons
Standardrollen, Groessen und Icons werden zentral ueber das Designsystem gesteuert. Einzelne Blocks koennen die erlaubten Rollen einschraenken.
Text und Medium
Text und Medium kombiniert redaktionellen Inhalt mit einem optionalen Bild. Die Bildposition bleibt eine bewusste Darstellungsentscheidung.
Slider: Karten – responsiv
Slider: Karten – Fraction
Slider: Carousel – angeschnittene Karten
Slider: Carousel – sichtbarer Überlauf
Slider: Testimonials – einzeln
Slider: Galerie – mehrere Medien
Slider: Bildslider – einfach
Slider: Logos – manuell
Slider: Standard
Storytelling
Vom ersten Gedanken zum sichtbaren Ergebnis
Eine optionale Signature Section verbindet redaktionelle Schritte mit einer ruhigen, scrollgebundenen Medienführung.
Verstehen
Die wesentliche Aufgabe erkennen
Inhalt, Zielgruppe und Kontext bilden den Ausgangspunkt – nicht ein vorgefertigter Effekt.
Verdichten
Eine klare visuelle Richtung entwickeln
Typografie, Bild und Bewegung folgen derselben Idee und führen durch die Erzählung.
Erleben
Das Ergebnis kontrolliert inszenieren
Sticky Medien und Scrollfortschritt unterstützen den Inhalt, ohne die Bedienung zu übernehmen.
Formular
Der Formularblock ist verfügbar. Für ein vollständiges Frontend-Beispiel muss ein Forminator-Formular vorhanden und aktiv sein.
CPT-Listing
Beispiel fuer ein generiertes CPT-Listing. Filter, Sortierung und Navigation kommen aus dem CPT-Vertrag.
Bewegung
Parallax
Vollbreite Bildfläche mit optionalem Text und Parallax-Bewegung.
Ankernavigation
Der Block «Ankernavigation» ist registriert. Ein fachliches Beispiel ist im Styleguide-Generator noch nicht definiert.
Kontaktdaten
Der Block «Kontaktdaten» ist registriert. Ein fachliches Beispiel ist im Styleguide-Generator noch nicht definiert.