Der weiße Hintergrund gibt den drei Fahrzeugkategorien genügend Raum, um als separate visuelle Einheiten wahrgenommen zu werden. Großzügiger Freiraum um jedes freigestellte Bild verhindert, dass die Fahrzeuge mit den Spezifikationen konkurrieren, während der kompakte Textbereich Kategorie, Beschreibung, Sitzplatzdetails, Kofferanzahl und Interaktionselement miteinander verknüpft. Die wiederholte Anordnung von Bild links und Text rechts schafft zudem einen ruhigen Rhythmus, wenn Besucher von Economy über Luxus zu Cabrio navigieren.
Für die Umsetzung als CSS-Vorlage sind die wichtigsten Gestaltungsbeziehungen die dunkle Texthierarchie, die abgerundeten blauen „Jetzt buchen“-Buttons und die einheitliche Ausrichtung aller drei Zeilen. Farben und Abstände lassen sich flexibel an ein übergeordnetes Mietwagen-Branding anpassen, ohne die grundlegende Kategoriestruktur zu verändern. Economy und Cabrio teilen sich die Angabe von vier Sitzen und zwei Koffern, während Luxus die eigenständige Fünf-Sitze-Spezifikation nutzt; diese Unterschiede sollten durch die visuelle Gewichtung nicht überdeckt werden.
Der Abschnitt entfaltet seine optimale Wirkung, wenn das Design den direkten Vergleich unterstützt. Die einheitliche Schaltflächengestaltung sorgt für eine schnelle Wiedererkennung jeder Buchungsaktion, während dezente Typografie und offene Ränder die Fahrzeugabbildungen in den Vordergrund rücken. Das benutzerdefinierte CSS von Nicepage ermöglicht eine zielgerichtete Gestaltungserweiterung, falls die Standardeigenschaften einen bestimmten Stil nicht abdecken; die Hauptfunktion des Abschnitts bleibt jedoch die übersichtliche Präsentation dreier buchbarer Fahrzeugkategorien.
Wenn Sie CSS Template Builder verwenden, können Sie Farben, Schriftarten, Kopf- und Fußzeilen, Layout, Spalten und andere Designelemente sowie Inhalte und Bilder anpassen.
Passen Sie das visuelle Erscheinungsbild dieser vorgefertigten Vorlage direkt im Nicepage-Editor an. Passen Sie Typografie, Abstände, Hintergründe, Rahmen, Farben, Positionierung und andere Stileigenschaften mithilfe visueller Steuerelemente an. Das Seitenlayout bleibt dabei einfach zu verwalten, ohne dass Sie manuell CSS schreiben müssen.
Für Styling-Anforderungen, die über die Standardoptionen des Editors hinausgehen, verwenden Sie Benutzerdefiniertes CSS, um gezielte Regeln hinzuzufügen. CSS kann je nach Umfang der Anpassung auf einzelne Elemente, bestimmte Seiten oder die gesamte Website angewendet werden. CSS-Klassen können verwendet werden, um benutzerdefinierte Regeln mit ausgewählten Elementen zu verknüpfen.
Für Projekte, bei denen die CSS-Größe und die Seitenleistung wichtig sind, kann Nicepage minimales CSS für jede Seite exportieren. Anstatt auf ein einziges, großes Stylesheet zurückzugreifen, kann jede Seite eine separate CSS-Datei verwenden, die nur die für diese Seite benötigten Stilregeln enthält. Laut Nicepage-Dokumentation sind diese seitenbezogenen CSS-Dateien etwa zehnmal kompakter, wodurch unnötiger CSS-Code reduziert und die Ladezeit der Seiten verbessert wird.
Dieser Workflow kombiniert visuelles Styling mit optionalem benutzerdefiniertem CSS und optimierter seitenbezogener CSS-Ausgabe. So haben Sie bei Bedarf mehr Kontrolle über die Gestaltung, ohne dass die manuelle CSS-Bearbeitung die primäre Methode zur Anpassung der Vorlage darstellt.