Język wizualny opiera się na jaskrawych gradientach błękitu, fioletu, różu i pomarańczu, zastosowanych w najbardziej wyeksponowanych strefach. Barwy te nadają stronie reklamowej dynamiczną tożsamość, podczas gdy wyśrodkowana, pogrubiona typografia dba o czytelność głównego przekazu na nasyconym tle. Ten sam kontrast między intensywnymi płaszczyznami a jasnym tekstem powraca w module opinii i fioletowym zwieńczeniu z danymi kontaktowymi, dzięki czemu projekt jest odbierany jako jednolity system wizualny, a nie zbiór przypadkowych sekcji.
Zaokrąglona geometria stanowi drugi powracający motyw. Cztery karty wyników oraz cztery karty usług wykorzystują wygładzone kontenery, a kontrolki w kształcie pigułki wyróżniają akcje kampanii bez wprowadzania ostrych krawędzi. Zestawienie wyników kampanii oraz obszar konwersji oparty na danych wprowadzają okrągłe kadry zdjęć, przenosząc ten spójny kształt zarówno do treści uwiarygodniających, jak i objaśniających. Powtórzenie to harmonijnie łączy elementy ludzkie z grafikami prezentującymi przebieg kampanii.
Tożsamość projektu wynika zatem z przemyślanych relacji między paletą barw, typografią, formą a sposobem prezentacji zdjęć. Sekcja hero emanuje energią, fioletowy panel usługowy porządkuje praktyczną ofertę, zaokrąglone karty ułatwiają szybkie skanowanie danych i usług, a koła łagodzą odbiór przykładów wyników oraz metody konwersji. Taki kierunek wizualny doskonale sprawdza się w projektach marketingowych, które muszą łączyć analityczny charakter z nastawieniem na działanie, zachowując zwartą i przystępną formę w każdym segmencie strony.
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.