Leuchtendes Gelb, Weiß und Schwarz geben die visuelle Linie dieses Designs vor. Gelbe Servicekarten setzen wiederkehrende Akzente für die drei Einführungskategorien, während weiße Inhaltsbereiche den Abschnitten für Flughafentransfers und Kontakt Raum zum Atmen geben. Dunkler Text und der abschließende dunkle Footer schaffen Kontraste und sorgen dafür, dass der telefonfokussierte Hero-Bereich und die Buchungshinweise optisch hervorstechen, ohne dass jeder Abschnitt denselben Hintergrund benötigt.
Große Taxi-Fotos dienen als Hintergründe, Collage-Elemente und Begleitbilder, statt nur als isolierte Dekoration zu wirken. Diese wiederkehrende Bildsprache verbindet den einleitenden Call-to-Action mit dem Flughafen-Transfer-Bereich, dem Abschnitt „Yellow Cab NYC“, dem Buchungsblock und dem städtischen Kontaktbereich. Fette, schmale Überschriften setzen deutliche Akzente, während Serifenschrift in den Begleittexten für einen anderen redaktionellen Rhythmus sorgt. Großzügiger Weißraum und asymmetrische Anordnungen verhindern, dass die Seite wie eine monotone Reihe von Karten wirkt.
Für ein CSS-orientiertes Design sind diese Beziehungen besonders praktisch, da sich das Erscheinungsbild als harmonisches Ganzes anpassen lässt: Akzentfarben bleiben fest mit Service- und Buchungsschwerpunkten verknüpft, unterschiedliche Bildstile heben hervorgehobene Abschnitte ab und die Typografie wahrt den Unterschied zwischen dringenden Aktionen und erklärenden Texten. Nicepage unterstützt zudem benutzerdefiniertes CSS, falls die visuellen Standardoptionen eine spezielle Styling-Anforderung nicht abdecken.
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.