Tożsamość wizualna opiera się na powściągliwej palecie ciepłego beżu, kremu, czerni i stonowanej brzoskwini. Jasne płaszczyzny zapewniają oddech wokół zwartego tekstu głównego, a ciemniejsze strefy i czarna typografia tworzą wyraźny kontrast dla nagłówków oraz kluczowych informacji. Stonowane akcenty brzoskwiniowe wprowadzają wizualne rozgraniczenie, nie naruszając spokojnego nastroju stworzonego przez neutralne tła.
Typografia wzmacnia ten kierunek. Wąskie nagłówki w stylu publicystycznym nadają takim zagadnieniom jak „Life coaching”, „Równowaga między życiem a pracą” oraz „Motywacja, skupienie + rezultaty” wyrazistą formę, podczas gdy mniejszy tekst podstawowy pozostaje zwarty w otoczeniu obfitej wolnej przestrzeni. Kontrast ten pozwala przedstawić na stronie wiele wątków coachingowych bez poczucia przeładowania poszczególnych sekcji. Zestawienie sześciu korzyści oraz trzy powtarzalne moduły wspierające rozwój kompetencji współistnieją dzięki temu w tym samym języku projektowym, zachowując własne funkcje treściowe.
Fotografia stanowi najsilniejszy powtarzający się motyw. Zdjęcia lifestylowe ułożono w wielowarstwowe kolaże, często obok lub za zaokrąglonymi i kolistymi kształtami, łącząc je z przesuniętymi kartami tekstowymi w strefach nakładania się elementów. Ta powtarzana relacja między zdjęciem a kartą scala równowagę życiową, motywację, skupienie, rezultaty i siedmiostopniową koncepcję sukcesu w jeden czytelny system. Panele „Kim jesteśmy” oraz „Nasze cele” rozszerzają tę tożsamość na treści o organizacji, a wieńcząca stronę sekcja „Skontaktuj się z nami” wykorzystuje to samo oparcie na obrazach przed formularzem. W całym projekcie kolor, typografia, światło, geometria i grafika harmonijnie ze sobą współgrają, zamiast stanowić przypadkowe dekoracje.
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.