Komponenten

Layout

Strukturieren Sie Ihre Seiten mit wiederverwendbarer Flexibilität

Die Layout-Komponente in Vertex Forge gibt Ihnen die Möglichkeit, Ihre Seiteninhalte mit wiederverwendbaren Strukturen, Kopf- und Fußzeilen, Seitenleisten, Overlays und vielem mehr zu umhüllen, ohne sich zu wiederholen. Ganz gleich, ob Sie Marketingseiten, Produktansichten oder komplette Unternehmensseiten mit mehreren Layout-Varianten erstellen, mit der Layout-Komponente können Sie diese strukturellen Umhüllungen einmal definieren und im gesamten Projekt wiederverwenden. Wählen Sie mühelos Layouts pro Seite aus, und verwalten Sie die globale Struktur visuell, ohne Code oder Reibungsverluste.

Entwerfen Sie verschiedene Seitentypen und -abläufe und halten Sie Ihr Setup dabei skalierbar, organisiert und auf Ihre Marke abgestimmt.

Konsistente Struktur

  1. Oberer und unterer Inhalt.
    Einheitliche Navigation und CTAs.

  2. Flexibler Seiten-Bereichs-Inhalt.
    Seitenleisten, Menüs oder Seiten-Navigation.

  3. Visuelles Editieren, kein Rätselraten.
    Sehen Sie Ihr Layout sofort im visuellen Editor.

Klüger Designen

  1. Layout-Themes.
    Sorgen Sie für eine einheitliche Struktur.

  2. Inhalts-Bereich Themes.
    Seiten-Inhalt Wrapper unabhängig gestalten.

  3. Träume es, baue es.
    Layoutgestaltung ohne Einschränkungen.

Anwendungsfälle

Die Layout-Komponente ist die ideale Lösung für die Verwaltung konsistenter Strukturvorlagen für Ihre Website oder App. Verwenden Sie sie, um zentrale Layoutaufgaben von seitenbezogenen Inhalten zu trennen.

Sie benötigen eine globale Kopfzeile mit Navigation und Sprachumschaltung? Ein zweispaltiges Dashboard-Layout mit Seitenleistennavigation? Eine spezielle Landing Page mit einem Hero-Banner und einer versteckten Fußzeile? Alles ist möglich und mit Layouts leicht zu verwalten.

Jede individuelle Seite kann ohne zusätzlichen Code auf ein anderes Layout verweisen, was flexible UX-Muster ermöglicht. Die Wiederverwendung strukturierter Elemente reduziert außerdem Fehler, beschleunigt die Iteration und sorgt für ein konsistentes Design bei umfangreichen Projekten.

Typische Anwendungsfälle sind:

  • Marketingseiten mit einzigartigen Kopf-/Fußzeilenvarianten.

  • Blog- oder Artikel-Layouts mit kontextbezogenen Seitenleisten.

  • Produktseiten haben unterschiedliche strukturelle Anforderungen.

  • Authentifizierte vs. öffentliche Ansichten (z.B. Dashboard vs. Landing).

  • Saisonale oder kampagnenspezifische Strukturänderungen.

  • Globale Layout-Änderungen, die in einem einzigen Update ausgerollt werden.

Layout-Komponenten sind besonders leistungsfähig in Kombination mit Theme Presets und globalen Komponenten, was sie zu einem der am besten skalierbaren Werkzeuge im Vertex Forge-Ökosystem macht.

Konfigurationsoptionen und Funktionen

Die Layout-Komponente schlägt die Brücke zwischen Design-Systemen und der Struktur von Inhalten im großen Maßstab. Sie ermöglicht flexible, komponierbare Web-Erlebnisse, indem sie wiederverwendbare Strukturen von einzigartigen Inhalten trennt. Mit intuitiven Konfigurations-Slots, Theme-Unterstützung und Referenzfunktionen auf Seitenebene sind Layouts ein zentraler Bestandteil der Erstellung schneller, wartbarer und konsistenter Webprojekte in Vertex Forge.

Ganz gleich, ob Sie eine Microsite, eine umfassende App oder nur eine Kampagne testen möchten, mit Layouts können Sie Inhalte nach Ihren Vorstellungen gestalten und kompromisslos wiederverwenden.

Top Content

Verwenden Sie diesen Bereich, um Inhalte zu platzieren, die über dem Hauptteil der Seite erscheinen sollen - typischerweise die Kopfzeile, die Navigationsleiste oder die Ankündigungsleiste Ihrer Website.

Typische Verwendungszwecke sind globale Navigation, Logo- und Branding-Blöcke sowie Sprach-Wechsel-Schalter.

Left & Right Side Content

Definieren Sie Seitenelemente für Ihr Layout. Ideal für seitliche Menüs, Filterleisten oder sekundäre Navigationsfelder.

Typische Verwendungszwecke sind Sidebar-Menüs auf Blog- oder Shop-Seiten, Filter-Steuerelemente für Such- oder Produktlisten oder Info-Panels oder verwandte Inhalte.

Bottom Content

Dies ist Ihr spezieller Fußzeilen- oder unterer CTA-Bereich. Fügen Sie Komponenten hinzu, die nach dem Hauptseiteninhalt erscheinen.

Typische Verwendungszwecke sind globale Fußzeilen, Vertrauensabzeichen, Partnerlogos oder wiederverwendbare Calls-to-Action.

Overlays

Optionaler Overlay-Inhalt, der über allen Layout-Slots erscheint - ideal für Modals, mobile Menüs oder Ankündigungen.

Typische Verwendungszwecke sind Slide-in-Navigation für Mobilgeräte, Cookie- oder Werbebanner oder interaktive Overlays wie die Suche.

Theme Preset

Wählen Sie ein Theme Presets, um das Gesamtdesign der Layout-Struktur selbst zu definieren. Dies betrifft Kopfzeilen, Fußzeilen, Seitenleisten und andere Elemente.

Typische Verwendungszwecke sind ein einheitliches Kopf-/Fußzeilen-Branding, die Anwendung konsistenter Abstände und Farbsysteme oder Layout-Varianten im dunklen/hellen Modus.

Content Theme

Definieren Sie ein Theme Optionen speziell für den Seiteninhalt innerhalb des Layouts. Ermöglicht das Styling des Inhalts unabhängig von der Layoutstruktur.

Typische Verwendungszwecke sind z. B. unterschiedliche visuelle Stile zwischen Seitengruppen, kampagnenspezifisches Inhaltsdesign und die Weitergabe von Stilen zwischen Teams.