System stylów strony opiera się na kontraście między ciemną oliwkową zielenią, musztardowymi akcentami, białymi kartami informacyjnymi i grafitowymi partiami stopki. Otwierająca fotografia architektoniczna niesie duży tytuł złożony wersalikami, podczas gdy mniejszy pasek zdjęć wprowadza powtarzalny rytm wizualny, nie rywalizując ze zdjęciem głównym. Kontrast ten nadaje sekcji hero czytelną hierarchię akcentów: jeden dominujący motyw wizualny, wyrazistą typografię oraz uzupełniający zestaw zdjęć w zwartej grupie.
Dwie sekcje z wyróżnionymi projektami powtarzają układ nakładającej się białej karty umieszczonej obok lub na dużym zdjęciu budynku mieszkalnego. Ten powracający zabieg to istotna reguła stylu, a nie odosobniona dekoracja. Spina sekcje „Wymarzony dom” i „Dobra robota”, pozwalając jednocześnie, by fotografia i opis każdego projektu zachowały odrębny charakter. Duża ilość wolnej przestrzeni wokół opisu wyzwania projektowego oraz czterozdjęciowej kompozycji „Czym się zajmujemy” chroni stronę przed nadmiernym zagęszczeniem wizualnym. Cztery kafelki nawigacyjne mają jednakową wagę wizualną, co gwarantuje spójną oprawę dla pozycji Misja, Projekty, Nagrody i Kontakt.
W implementacji zorientowanej na CSS relacje te wyznaczają konkretne cele stylizacji: kontrast tła, typografię wersalikami, nakładanie kart, kadrowanie zdjęć, odstępy, reguły akcentów i powtarzalne wyrównania. Można je modyfikować jako skoordynowany system wizualny bez naruszania struktury i kolejności elementów na stronie.
Korzystając z Konstruktor szablonów CSS, będziesz mógł dostosowywać kolory, czcionki, nagłówek i fooer, układ, kolumny i inne elementy projektu, a także zawartość i obrazy.
Dostosuj wygląd tego gotowego szablonu bezpośrednio w edytorze Nicepage. Dostosuj typografię, odstępy, tła, obramowania, kolory, pozycjonowanie i inne właściwości stylów za pomocą kontrolek wizualnych, zachowując jednocześnie łatwość zarządzania układem strony bez konieczności ręcznego pisania kodu CSS.
W przypadku wymagań dotyczących stylizacji wykraczających poza standardowe opcje edytora, użyj niestandardowego kodu CSS, aby dodać reguły docelowe. CSS można zastosować do poszczególnych elementów, określonych stron lub całej witryny, w zależności od zakresu dostosowania, a klasy CSS można wykorzystać do łączenia reguł niestandardowych z wybranymi elementami.
W przypadku projektów, w których rozmiar kodu CSS i wydajność strony mają znaczenie, Nicepage może eksportować minimalny kod CSS dla każdej strony. Zamiast polegać na jednym, większym, wspólnym arkuszu stylów, każda strona może korzystać z osobnego pliku CSS zawierającego tylko reguły stylów wymagane dla danej strony. Według dokumentacji Nicepage, te pliki CSS specyficzne dla danej strony mogą być około dziesięciokrotnie bardziej kompaktowe, co pomaga zredukować zbędny kod CSS i poprawić wydajność ładowania strony.
Ten obieg pracy łączy styl wizualny z opcjonalnym, niestandardowym kodem CSS i zoptymalizowanym, specyficznym dla danej strony kodem CSS, dając dodatkową kontrolę, gdy wymaga tego projekt, bez konieczności ręcznej edycji kodu CSS jako głównego sposobu dostosowywania szablonu.