Tożsamość wizualna projektu wynika z harmonii między ciemnografitowymi powierzchniami, białymi strefami czytania i powściągliwymi akcentami morskiego błękitu. Grafit pojawia się w sekcji hero, kartach wyróżników, treściach dotyczących korzyści, statystykach, sekcji kontaktowej oraz w footerze, zapewniając stronie solidną bazę strukturalną. Białe karty opinii i jaśniejsze obszary treści przełamują tę głębię, dzięki czemu witryna może prezentować dłuższe teksty oraz treści skupione na ludziach bez konieczności utrzymywania każdej sekcji w równie ciemnej tonacji.
Fotografia buduje w znacznej mierze emocjonalny i profesjonalny wymiar strony. Duże zdjęcie w tle otwiera stronę, szeroka fotografia dopełnia treści w sekcji O nas, strefa projektów prezentuje sześć ujęć, a sekcja korzyści łączy kilka fotografii z wkomponowanym panelem tekstowym. Karty zespołu i referencji kontynuują to humanistyczne podejście za sprawą portretów i powtarzalnej formy prezentacji sylwetek. Zamiast opierać się na pojedynczym kadrze, projekt traktuje fotografię jako powracający element tożsamości w różnych rolach narracyjnych.
Zaokrąglone karty i okrągłe prezentacje wskaźników łagodzą surową geometrię ciemnych paneli, a duże bezszeryfowe nagłówki budują czytelną hierarchię zarówno na tle zdjęć, jak i jednolitych płaszczyzn. Przestronne odstępy sprawiają, że powtarzający się układ kart nie przytłacza wizualnie odbiorcy. W widoku mobilnym ta sama paleta barw, typografia, styl fotografii i konwencja kart pozostają nienaruszone, a układ płynnie przekształca się w pionowo ułożone sekcje. Wszystkie te zabiegi tworzą spójny kierunek wizualny, który można z łatwością przenieść na powiązane podstrony bez konieczności powielania pojedynczej kompozycji 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.