Ciemne tła fotograficzne przeplatają się z jasnoszarymi i białymi obszarami treści, tworząc powtarzalną regułę kontrastu na całej stronie. Pytanie wstępne i przegląd usług umieszczono na ujęciach o pełnej szerokości, podczas gdy sekcja procesu, profile coachów, logotypy i treści kontaktowe wykorzystują jaśniejsze powierzchnie, które dzielą informacje na czytelne strefy. Kontrast ten stanowi celową relację stylistyczną, a nie pojedynczy zabieg dekoracyjny: sekcje oparte na zdjęciach nadają wyrazistości, a jasne przestrzenie dają ustrukturyzowanej treści miejsce do oddychania.
Wyśrodkowana, zwarta typografia wspiera ten sam układ wizualny. Nagłówki pisane wielkimi literami, cienkie linie akcentujące i małe przyciski wezwania do działania nadają stronie zdyscyplinowany, redakcyjny charakter, a trzy elementy procesu i trzy karty usług powielają układ wyrównania i odstępów. Portrety w sekcji ekspertów oraz rząd czterech logotypów wprowadzają urozmaicenie wizualne bez zaburzania ogólnego rytmu. Reguły wizualne można zatem modyfikować zbiorczo lub dopracowywać na poziomie pojedynczych elementów, zachowując przy tym czytelną relację między fotografią, tekstem, kartami i formularzem. Narzędzia stylizacji Nicepage ułatwiają wprowadzanie tych modyfikacji, lecz kluczowym punktem wyjścia pozostają istniejący kontrast, wyrównanie, sposób prezentacji zdjęć i powtarzalny język kart szablonu.
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.