Wizualny charakter tego bloku opiera się na relacjach kompozycyjnych, które można z powodzeniem powtórzyć w innych częściach serwisu. Czarna typografia zapewnia główny kontrast z białym tłem, a kolor żółty pojawia się w etykiecie „OFERTA SPECJALNA”, separatorze, detalach ikon oraz obramowaniach. Ponieważ ten kolor akcentujący występuje zarówno we wstępie, jak i w siatce usług, działa jak spójnik wizualny, a nie pojedynczy wyróżnik. Duży nagłówek w połączeniu z mniejszą etykietą złożoną wersalikami buduje ponadto czytelną hierarchię typograficzną.
Sześć kategorii usług wzmacnia ten język dzięki jednolitym, konturowym ikonom w zaokrąglonych kwadratach oraz spójnemu układowi tekstu. Projektowanie i planowanie, Remonty, Architektura wnętrz, Budownictwo, Dokumentacja i Wsparcie nie wyglądają jak przypadkowe karty promocyjne; łączy je wspólny schemat wizualny w układzie trzech kolumn i dwóch wierszy. Swobodne odstępy dają poszczególnym pozycjom przestrzeń do oddechu, a tekst wyrównany do lewej porządkuje przekaz, podczas gdy wyśrodkowany nagłówek tworzy bardziej formalny punkt wejścia.
W ramach systemu projektowania witryny sekcja ta może stanowić rozpoznawalny moduł prezentacji usług, do którego inne bloki mogą nawiązywać kolorem akcentującym, stylem ikon, typografią lub rytmem odstępów. Pojedynczy blok nie decyduje wprawdzie o tożsamości całego serwisu, jednak zastosowane w nim konsekwentne wybory wyznaczają czytelne wskazówki do aranżacji sąsiadujących sekcji. Statyczna siatka i oszczędna paleta barw sprawiają, że styl wizualny harmonizuje z prezentowaną ofertą i nie opiera się na zbędnych ozdobnikach.
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.