Tożsamość wizualna opiera się na kontraście między wielkoformatową fotografią krajobrazową a powściągliwymi płaszczyznami tła. Ciepłe odcienie zachodu słońca sprawiają, że karuzela w sekcji hero i zdjęcia podróżnicze emanują autentyczną atmosferą wyprawy, a jasne, neutralne tła gwarantują czytelność tekstu pomiędzy wyeksponowanymi ujęciami. Wyrazisty krój pisankowy nadaje nagłówkom takim jak „Przygoda”, „Odkrywaj świat z nami” oraz „Odkryj więcej” niepowtarzalny ton; zwięzły tekst bezszeryfowy tworzy zaś wyważoną przeciwwagę dla treści opisowych.
Ta relacja jest konsekwentnie rozwijana w kolejnych częściach strony, a nie tylko w sekcji początkowej. Galeria złożona z sześciu zdjęć kontynuuje opowieść fotograficzną w formie spójnej ekspozycji, a moduły „Nie przegap!” oraz „Otwórz okno” ponownie łączą pejzaże destynacji ze zwięzłymi panelami tekstowymi. Obfita ilość wolnej przestrzeni i warstwowe kompozycje nadają witrynie przejrzysty, magazynowy charakter, chroniąc przed wrażeniem jednolitej ściany nasyconych kadrów. Pas z czterema licznikami wprowadza uporządkowany, informacyjny motyw, z kolei ciemna stopka celowo zmienia rejestr barwny i eksponuje nazwę „Przygoda” w otoczeniu odnośników społecznościowych. Wszystkie te elementy wspólnie budują spójny kierunek wizualny oparty na ciepłych zdjęciach, ekspresyjnych nagłówkach, jasnej przestrzeni do oddechu i zrównoważonym kontraście. Taka tożsamość projektowa może z powodzeniem prowadzić użytkownika przez kolejne podstrony podróżnicze, nie będąc zależną od pojedynczej sekcji czy jednego wezwania do działania.
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.