Najsilniejszą tożsamość wizualną tworzy kontrast między nasyconymi akcentami w kolorze fioletu i magenty a białymi lub jasnoszarymi płaszczyznami strony. Fioletowe wyróżnienie dotyczące doradztwa oraz sekcja zbiórki funduszy dla organizacji non-profit działają zatem jako obszary akcentujące, podczas gdy jaśniejsze strefy usług i informacji zapewniają spokojniejsze tło do czytania. Taka paleta wspiera tematykę biznesową, nie nadając każdej sekcji jednakowej intensywności.
Zaokrąglone karty powtarzają się w trzech kategoriach usług finansowych oraz przy trzech portretach zespołu, tworząc rozpoznawalny język form zarówno dla oferty, jak i dla ludzi. Okrągłe kadry łagodzą treść opartą na portretach, natomiast fotografia architektury wprowadza bardziej uporządkowany, profesjonalny charakter wizualny. Takie połączenie zapewnia projektowi kilka rejestrów wizualnych — zdjęcia biznesowe, dowody oparte na ludziach oraz treści społeczne — bez naruszania ustalonych relacji odstępów, kart i akcentów kolorystycznych.
Zwarta typografia bezszeryfowa i duże odstępy pionowe sprawiają, że liczne nagłówki, etykiety, zakładki i sekcje formularzy nie konkurują ze sobą na stronie. Panele z opiniami wykorzystują prezentację skoncentrowaną na cytatach, podczas gdy pięć znaków przypominających logo tworzy dyskretny pas wizerunkowy między sekcjami zdjęć i treści. Te powtarzające się decyzje sprawiają, że projekt łatwo zaadaptować jako szerszą tożsamość wizualną: kolory mogą pojawiać się w elementach nawigacji i stopki, zaokrąglone powierzchnie mogą wyróżniać powtarzalne treści, a style zdjęć mogą różnicować usługi, ludzi oraz kontekst organizacyjny, pozostając częścią jednego, spójnego systemu.
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.