Panele w delikatnych odcieniach lawendy i różu wyznaczają dominującą kolorystykę strony, a ciemne przyciski tworzą wyraźne akcenty dla działań „Wyślij”, „Zobacz więcej”, „Skontaktuj się z nami” oraz połączeń telefonicznych. Taki kontrast nadaje elementom interaktywnym czytelny ciężar wizualny bez konieczności stosowania jednakowego tła w każdej sekcji. Początkowy obszar „O nas” łączy treść i formularz zgłoszeniowy e-mail na tle dużej fotografii nieruchomości o zaokrąglonych narożnikach, dzięki czemu forma zdjęcia i kształt paneli decydują o pierwszym wrażeniu.
Ten sam zaokrąglony język wizualny pojawia się w sekcji misji, gdzie zdjęcie i tekst wypełniają sąsiadujące ze sobą panele, oraz w sekcji usług, w której Zarządzanie nieruchomościami, Usługi hipoteczne i Usługi walutowe wyeksponowano obok fotografii strzelistego budynku. Trzy karty agentów powielają portretowy układ treści, natomiast przyciemniony poziomy pas oddziela trzy kluczowe wskaźniki od otaczających je sekcji opartych na fotografiach. Te powtarzające się formy, płaszczyzny i proporcje odstępów łączą zróżnicowane treści bez spłaszczania układu do jednego monotonnego panelu.
Wyraziste nagłówki bezszeryfowe, zwarty tekst uzupełniający i swobodne odstępy tworzą ramy typograficzne i przestrzenne spajające całą kompozycję. Wdrożenie oparte na CSS pozwala zachować te zależności, dając jednocześnie swobodę modyfikacji barw, promieni zaokrągleń, kadrowania zdjęć, obramowań, stanów przycisków oraz odstępów między sekcjami pod kątem innego kierunku wizualnego. Projekt oferuje więc uporządkowany system stylów gotowy do dalszego dopracowania, a nie przypadkowy zbiór dekoracyjnych zabiegów.
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.