Tożsamość wizualna rozpoczyna się od palety ciemnego grafitu i głębokiego fioletu, która przewija się przez główne sekcje treści. Grafiki z wyrazistym fioletowym gradientem tworzą mocne akcenty w ciemniejszym otoczeniu, zwłaszcza w strefie otwierającej i w obszarach płatnych mediów, podczas gdy kontrastowa biała typografia zapewnia czytelność kluczowych haseł. Zestawienie to ma charakter redakcyjny, ponieważ strona bazuje na oszczędnych etykietach, wyrazistych nagłówkach i sekwencjach zdominowanych przez obraz zamiast przeładowania elementami dekoracyjnymi.
Pięć okrągłych portretów członków zespołu staje się powracającym motywem tej tożsamości. Ich spójny kształt i obróbka graficzna sprawiają, że sekcja zespołu harmonijnie wpisuje się w ten sam system projektowy, a linki do profili społecznościowych łączą poszczególne sylwetki z ogólną prezentacją agencji. Trzy zdjęcia projektów kierują uwagę na wybrane realizacje, zachowując przy tym pełną zgodność z wizualnym charakterem strony. Galeria wspiera więc tożsamość poprzez konkretne przykłady wizualne, zamiast wprowadzać obcy stylistycznie ton.
Wyśrodkowana stopka utrzymuje ten sam uporządkowany kierunek za pomocą logo, kolumn nawigacyjnych, linków do mediów społecznościowych oraz danych kontaktowo-lokalizacyjnych. Linki kontaktowe pojawiają się wewnątrz sekcji wizualnych, dzięki czemu elementy interakcji są zintegrowane z językiem agencji, a nie traktowane odrębnym stylem. W całym układzie kontrast kolorystyczny, typografia, skala obrazów, okrągłe portrety i kompaktowe etykiety współtworzą spójną tożsamość, która może stanowić wzorzec dla powiązanych stron agencji, bez sprowadzania całości jedynie do kolejności sekcji.
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.