Ciepły pomarańczowy kolor służy jako akcent konstrukcyjny, a nie tylko dekoracyjny detal. Tworzy ramę dla sekcji Rozwiązania solarne, wspiera moduł z ofertą dla domów i stanowi dominujące tło w strefie kontaktu. Na tle tej ciepłej barwy czarne karty tekstowe, białe powierzchnie i jasnoszare panele wprowadzają wyraźny kontrast. W ten sposób powstaje język wizualny idealnie dopasowany do technologii fotowoltaicznej, a zarazem wystarczająco wyważony, by czytelnie prezentować opis usług i szczegóły planów.
Drugim kluczowym wyznacznikiem tożsamości strony jest fotografia. Zdjęcia instalatorów oddają techniczny wymiar prac, natomiast kadry przedstawiające rodziny i domy z panelami fotowoltaicznymi kierują uwagę na korzyści dla klientów indywidualnych. Zdjęcia te nie są odosobnionymi grafikami: pojawiają się obok paneli tekstowych, pod nakładkami informacyjnymi oraz w kompozycjach na ciemnych kartach. Ta powracająca relacja między obrazem a blokiem tekstu nadaje projektowi rozpoznawalny, redakcyjny rys we wszystkich partiach treści.
Wyraziste obramowania i swobodne odstępy wzmacniają cały układ. Cztery kategorie usług wykorzystują spójne obramowania i ikony, trzy warianty planów tworzą harmonijny rząd, a kafelki z danymi liczbowymi stanowią kolejny zwięzły moduł wizualny. Przejrzysta typografia bezszeryfowa i mocne, prostokątne bryły zapewniają doskonałą czytelność tych elementów, eliminując potrzebę wprowadzania odrębnych stylów ozdobnych w każdej sekcji. Zestawione ze sobą paleta barw, fotografia, kadrowanie, przestrzeń i typografia tworzą tożsamość, którą z powodzeniem można rozwijać poza tą stroną, pozostając w pełnej harmonii z tematyką solarną.
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.