Język wizualny opiera się na kontrastowych, monochromatycznych fotografiach przedstawiających występy i publiczność. Zdjęcia te budują nastrój za pomocą faktury oraz dynamiki ruchu, pozostawiając przestrzeń dla palety czerni, bieli, pomarańczu i głębokiego fioletu, które tworzą warstwę tożsamości marki. Fiolet pojawia się na poziomym pasie z symbolem marki oraz w panelu końcowym, łącząc wizualnie górną strefę wizerunkową strony z jej docelowym obszarem interakcji.
Pomarańczowe panele z danymi liczbowymi wprowadzają cieplejszy, dynamiczny akcent w przeważająco monochromatycznym otoczeniu. Ich powtarzalny kształt i regularne rozmieszczenie sprawiają, że kluczowe punkty festiwalu tworzą spójny układ z czterema zaokrąglonymi kartami biletów, mimo że obie te sekcje pełnią inne role informacyjne. Wyrazisty bezszeryfowy krój pisma gwarantuje czytelność nagłówków i informacji o wejściówkach na tle mocnych kontrastów barwnych, a kompaktowe odstępy zachowują energetyczną dynamikę typową dla witryny wydarzenia.
Sekcja artystów dodaje ludzkiego wymiaru dzięki wyróżnionemu zdjęciu wykonawcy i trzem ułożonym pionowo wpisom, podczas gdy szerokie ujęcie tłumu ponownie buduje skalę wydarzenia przed przejściem do cennika i harmonogramu. Siłą tego projektu strony internetowej jest konsekwencja stylistyczna obejmująca zróżnicowane typy treści: fotografia, wskaźniki liczbowe, artyści, bilety, plan dnia i końcowy znak festiwalu składają się na jeden, natychmiast rozpoznawalny styl.
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.