Ciepłe fotografie z sal lekcyjnych tworzą wyrazisty punkt wyjścia dla strony, a jasne, neutralne tła sprawiają, że treści edukacyjne pozostają przestronne i czytelne. Ciemna typografia gwarantuje mocny kontrast nagłówków oraz zwięzłych etykiet pisanych wersalikami, dzięki czemu żółte, niebieskie i fioletowe akcenty mogą zmieniać punkt ciężkości bez przytłaczania zdjęć. W rezultacie powstał spójny system wizualny, który sprawdza się zarówno przy szczegółowych informacjach o kursach, jak i przy sekcjach zapisu zachęcających do działania.
Naprzemienne kompozycje tekstu i zdjęć wyznaczają powtarzalny rytm projektowy. Sekcja informacyjna łączy ujęcia z zajęć z tekstem wprowadzającym, przegląd języków zestawia opis ze zdjęciem sali lekcyjnej, a szerokie zdjęcie na pełną szerokość tworzy wizualną pauzę przed opiniami i danymi kontaktowymi. Warianty kursów ujęto w zwięzłe, równorzędne elementy, dzięki czemu Podstawy, Kurs intensywny 1, Kurs intensywny 2 oraz Lekcje indywidualne zachowują spójne odstępy, krój pisma i wyrównanie, pozostając łatwe do rozróżnienia.
Jako projekt oparty na CSS strona zawdzięcza swoją wartość temu, że jej wygląd wynika z czytelnych relacji między elementami, a nie z przypadkowych ozdobników. Kolor tła, kontrast tekstu, skala zdjęć, odstępy między kartami, wyeksponowanie przycisków oraz rozmieszczenie akcentów można modyfikować przy zachowaniu tej samej sekwencji edukacyjnej. Język wizualny pozostaje zatem w pełni rozpoznawalny niezależnie od tego, czy stronę dostosowano do zajęć wieczorowych, programów modułowych czy nauki indywidualnej.
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.