Fotografia przyrodnicza stanowi dominujący język wizualny tego projektu, a dobrane elementy wspierające dbają o spójność tematu na całej stronie. Głęboka zieleń, biel i stonowane odcienie szarości łączą sekcję hero na pełną szerokość, nakładające się kadry krajobrazowe, galerię projektów i ciemniejszy pasek zamykający. Półprzezroczysty panel w sekcji hero odgrywa kluczową rolę: pozwala fotografii pozostać w centrum uwagi, tworząc jednocześnie uporządkowaną przestrzeń na nagłówek kampanii i wezwanie do działania.
Typografia wzmacnia redakcyjny styl. Szeryfowe nagłówki nadają frazom takim jak „Piękno natury”, „Niewidoczne piękno” oraz „Ratujmy świat!” refleksyjny ton, podczas gdy zwarty, bezszeryfowy tekst podstawowy gwarantuje zwięzłość praktycznych porad ekologicznych. Niewielkie etykiety pisane wersalikami wprowadzają kolejny poziom hierarchii bez konkurowania z wyrazistymi ujęciami fotograficznymi. Przemyślana ilość pustej przestrzeni oddziela te elementy od stref graficznych i chroni sześć kart akcji przed wrażeniem wizualnego przeładowania.
Powtarzający się motyw zachodzących na siebie zdjęć, podpisanych kolekcji fotografii i półprzezroczystych paneli z treścią zapewnia płynną ciągłość między różnymi sekcjami. Cztery kategorie projektów wykorzystują zdjęcia do zróżnicowania ekologicznego kształtowania krajobrazu, sprzątania lasów, parków narodowych oraz czystych wód, natomiast ciemna stopka z ikonami społecznościowymi stanowi wyraźne wizualne zwieńczenie strony. W szerszej perspektywie projektowej system ten wyraża troskę o środowisko poprzez powściągliwą prezentację w stylu magazynowym, unikając przytłaczającej stylistyki technicznej lub korporacyjnej.
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.