Wygląd strony opiera się na przemyślanym kontraście między ciemnymi, antracytowymi płaszczyznami, ciepłym kremem, akcentami w jasnym błękicie i białymi panelami treści. Duże fotografie plenerowe budują narrację wizualną, ukazując instalacje wspinaczkowe, dzieci, trasy linowe oraz leśne krajobrazy. Na tle tych kadrów białe, nachodzące na siebie karty i prostokątne przyciski o wyraźnym obrysie pozostają w pełni czytelne, nie konkurując z materiałem zdjęciowym.
Spójne zabiegi stylistyczne łączą również sekcje o różnym przeznaczeniu. Sekcja hero łączy zdjęcie z nałożoną kartą tekstową, panele z atutami parku umieszczono na leśnym tle, a obszar „O parku” zestawia warstwowe fotografie z kolejnym białym panelem informacyjnym. Karty z godzinami otwarcia, biletami i odpowiedziami na częste pytania mają bardziej zwarty układ, podczas gdy galeria oraz opinie tworzą szersze, poziome kompozycje. Daje to stronie wyrazisty charakter, który można łatwo modyfikować za pomocą kolorów, typografii, odstępów, obramowań, teł i obróbki zdjęć bez naruszania struktury samej treści.
Mocne, wąskie nagłówki czytelnie akcentują promocje, informacje dla gości oraz wezwania do rezerwacji. Swobodne rozmieszczenie elementów zapobiega wrażeniu przeładowania mimo wielu sekcji, a powtarzające się przyciski konturowe nadają działaniom na całej stronie wspólny mianownik. Jako projekt oparty na CSS, szablon wyróżnia się przede wszystkim żelazną dyscypliną wizualną: kontrast, kompozycja paneli, skala zdjęć, nasycenie nagłówków i krój przycisków tworzą zintegrowany, elastyczny system graficzny.
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.