Tożsamość projektu wynika z napięcia pomiędzy wyciszoną fotografią krajobrazową a wyrazistymi czerwonymi akcentami. Ujęcia gór, pustyń, drzew i innych elementów przyrody utrzymano w monochromatycznej estetyce, dzięki czemu faktura, skala i kontrast stają się głównymi nośnikami przekazu. Jaskrawoczerwone, organiczne kształty pojawiają się jako powracająca interpunkcja wizualna obok wprowadzenia do trekkingu, sekcji wyróżnionych treści oraz zamykających elementów tożsamości marki. Ten powtarzalny motyw nadaje różnym strefom strony spójny charakter, nie wymuszając identycznego układu w każdym bloku.
Typografia i odstępy podkreślają obrany kierunek. Wielkoformatowe nagłówki, takie jak „minimalistyczny krajobraz”, „góra” czy „krajobraz pustynny”, zajmują eksponowane miejsca, a obfita ilość wolnej przestrzeni chroni edytorskie układy przed przeładowaniem. Prezentacje gór i pustyni wykorzystują pokrewne, trzyczęściowe kompozycje, lecz otwierające panele ze zdjęciami oraz sekcja pustynna na pełną szerokość wprowadzają urozmaicenie niezbędne do zachowania przemyślanego rytmu wizualnego. Czarne, białe i szare płaszczyzny stanowią tło dla fotografii i sprawiają, że czerwone detale są jeszcze bardziej zauważalne.
Wypracowana estetyka obejmuje także obszary funkcjonalne. Sekcja kontaktowa biura podróży zestawia fotografię przyrodniczą z ciemniejszym panelem formularza, a zamykający obszar społecznościowy łączy kolejne zdjęcie natury z manifestem swobodnego stylu podróżowania i linkami do profili w mediach społecznościowych. Dzięki temu język projektu wykracza poza pojedynczą sekcję hero: zdjęcia, liternictwo, kontrast, akcenty i odstępy współtworzą spójny, uniwersalny styl wizualny dla powiązanych podstron podróżniczych.
Korzystając z Kreator projektów stron internetowych, będziesz mógł dostosowywać kolory, czcionki, nagłówek i fooer, układ, kolumny i inne elementy projektu, a także zawartość i obrazy.
Użyj Ustawień motywu, aby określić wizualne podstawy witryny na wszystkich jej stronach i sekcjach. Ustaw globalne kolory, czcionki i typografię, aby witryna podążała za tym samym kierunkiem projektowania, zamiast stylizować każdą stronę osobno.
Wybierz schemat kolorów i kombinację czcionek, które pasują do charakteru witryny, a następnie dostosuj nagłówki H1-H6, zwykły tekst, linki, przyciski, cytaty, listy i inne style typograficzne. Spójne stosowanie tych ustawień pomaga stworzyć przejrzystą hierarchię wizualną i sprawia, że powtarzające się elementy projektu są rozpoznawalne w całej witrynie.
Użyj Efektów animacji, aby nadać witrynie bardziej dynamiczny i interaktywny wygląd. Elementy i kontenery mogą korzystać z efektów takich jak „Uruchom przy wyświetlaniu”, „Animacja po najechaniu kursorem” i „Synchronizacja animacji z przewijaniem”, aby wprowadzać treści w miarę poruszania się użytkowników po witrynie lub reagowania na interakcję użytkownika. Predefiniowane ustawienia animacji zapewniają gotowe efekty, które można dostosować do stylu wizualnego witryny.
Zastosuj ten sam kierunek projektowania do współdzielonych elementów witryny, takich jak nagłówek, menu i stopka. Panel ustawień motywu łączy w sobie wspólne elementy sterujące stylami dla całej witryny, ułatwiając zachowanie spójnego wyglądu w miarę rozszerzania witryny na wiele stron.
Dzięki takiemu obiegowi pracy szablon staje się użytecznym punktem wyjścia do tworzenia witryny internetowej o spójnej identyfikacji wizualnej, skoordynowanych kolorach i typografii, współdzielonych zasadach projektowania oraz interaktywnych efektach na wszystkich stronach.