Tożsamość projektu rozpoczyna się od abstrakcyjnej błękitnej grafiki w sekcji hero i wyśrodkowanej białej typografii. To połączenie tworzy mocny kontrast na otwarcie, który powraca w różnych formach poprzez ciemne tła, jasne obszary z treścią oraz wyraziste, wielobarwne zdjęcia. Końcowy efekt nie opiera się na jednym kolorze; wynika ze zmian między błękitem, czernią, bielą, szarością a płaszczyznami opartymi na obrazach w miarę przesuwania się użytkownika w dół strony.
Typografia dba o spójność tych zmian. Wyraziste bezszeryfowe nagłówki sprawiają, że hasła „Odmień swoją markę”, „Czym się zajmujemy” i „Zaangażuj swoich odbiorców” wybrzmiewają z pełną mocą, podczas gdy powtarzalne grupy kart zapewniają spójną, wspierającą skalę. Trzy karty usług, sześć profili zespołu i trzy karty wskaźników wykorzystują powtórzenia, dzięki czemu strona sprawia wrażenie jednolitego systemu agencji. Pięć znaków graficznych logo oraz galeria z sześcioma zdjęciami wprowadzają urozmaicenie wizualne, nie zaburzając tej fundamentalnej spójności.
Dzielone sekcje wzmacniają tożsamość poprzez naprzemienne rozmieszczenie obrazów, podczas gdy sekcje referencji i kontaktu wykorzystują tła na pełną szerokość, tworząc szersze przejścia wizualne. Sprawia to, że projekt doskonale pasuje do marki, która chce uchodzić za kreatywną i nastawioną na usługi, a nie opartą wyłącznie na tekście. Ten sam kierunek wizualny można przenieść na powiązane podstrony, zachowując typografię, schemat kontrastów, sposób traktowania zdjęć, odstępy między kartami oraz przejścia między ciemnymi i jasnymi płaszczyznami, zamiast kopiować wyłącznie kolorystykę sekcji hero.
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.