Język wizualny projektu wynika z powtarzalnego zestawienia jasnych, cyjanowych sekcji z ciemnymi blokami treści. Sekcja hero zaczyna się ciemnym tłem oraz dużym, ujętym pod kątem portretem, co nadaje powitaniu mocny, geometryczny wyraz. Ten sam kontrast powraca w trzech kartach możliwości, sekcji Projekty, kartach profilowych oraz kompaktowych kartach ze wskaźnikami. Zamiast opierać się na pojedynczym akcencie, strona wykorzystuje podział na bloki barwne, by rozgraniczać funkcje poszczególnych treści i zachować spójną tożsamość.
Fotografia portretowa stanowi kolejny konsekwentny motyw. Pojawia się w sekcji hero, w strefie O nas, w kolażu korzyści, na czterech kartach profilowych, przy opiniach klientów oraz w wieńczącej stronę sekcji kontaktowej. Ta powtarzalność nadaje projektowi ludzki wymiar, nawet gdy prezentowane treści dotyczą projektów, rozwoju biznesu czy finansów. Składająca się z sześciu ujęć galeria projektów wprowadza inny rejestr wizualny, dzięki czemu zdjęcia realizacji stają się kluczowym elementem identyfikacji, a nie jedynie drobną ilustracją.
Duże bezszeryfowe nagłówki, krótkie teksty towarzyszące i swobodne odstępy pomagają kontrolować gęstość wizualną podczas tych zmian. Zaokrąglone karty łagodzą ciemniejsze sekcje, a cyjanowe płaszczyzny otwierają przestrzeń na treści wprowadzające i wyjaśniające. Nawigacja, odnośniki społecznościowe oraz stopka rozszerzają ten system poza główny układ treści. Jako projekt strony internetowej szablon ten wyróżnia się nie tyle pojedynczym kolorem czy zdjęciem, ile skoordynowanym operowaniem kontrastem, obecnością portretów, geometryczną grafiką, zaokrąglonymi kartami i zmiennymi powierzchniami poszczególnych sekcji.
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.