Duże zdjęcia kajakowe stanowią główny głos wizualny projektu, natychmiast łącząc stronę ze światem rekreacji na świeżym powietrzu. Na tle tych ujęć ciepłe pomarańczowe akcenty wyznaczają punkty nacisku: geometryczne detale w sekcji hero, okrągłe znaczniki obok elementów Misja, Wizja i Historia, wezwania do działania oraz tło za kartami opinii. Powtarzalne użycie pomarańczu sprawia, że poszczególne grupy treści tworzą spójną całość, zamiast wydawać się wizualnie odizolowane.
Grafitowe tła tworzą drugi mocny wyznacznik tożsamości. Okalają nawigację oraz zamykający obszar kontaktowy, w którym zebrano informacje o lokalizacji, linki do mediów społecznościowych, informacje o prywatności i formularz. Białe karty i panele pełnią z kolei funkcję wizualnych przerw w kompozycji opartej na zdjęciach. Nachodząca na tło biała karta w sekcji hero znajduje odzwierciedlenie w prezentacji misji, tworząc rozpoznawalny motyw łączący dużą fotografię ze zwięzłym blokiem tekstu. Jasnoszare sekcje zapewniają łagodniejsze przejścia o mniejszym kontraście między tymi mocniejszymi powierzchniami.
Trzy karty wycieczek, cztery kompaktowe punkty wartości, galeria z sześcioma ujęciami i karty opinii konsekwentnie rozwijają ten język poprzez powtórzenia. Pogrubione bezszeryfowe nagłówki zachowują bezpośrednią hierarchię, a przestronne układy redakcyjne zapobiegają wrażeniu przeładowania mimo wielu grup treści. Jako projekt strony internetowej szablon komunikuje przystępny, outdoorowy charakter dzięki skoordynowanym obrazom, kontrastom, znacznikom, kartom i panelom. Jego linia wizualna może z powodzeniem wzbogacić powiązane podstrony, przenosząc te motywy poza pojedyncze sekcje bez polegania na jednym odosobnionym zdjęciu czy akcencie kolorystycznym.
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.