Projekt komunikuje swój temat poprzez spójne połączenie ciepłej kolorystyki, ujęć psów z ludźmi oraz wyważonej typografii redakcyjnej. Ciemnobrązowe płaszczyzny budują wyrazisty akcent, szczególnie w rozciągniętej na pełną szerokość sekcji „Psy wnoszą do Twojego życia mnóstwo miłości i radości”, podczas gdy kremowe, beżowe i przygaszone brzoskwiniowe tła łagodzą otaczające treści. Duże zdjęcia nie są jedynie ozdobnikiem: budują emocjonalny kontekst w sekcji hero, wzbogacają prezentację w części „O nas” i prowadzą użytkownika przez sekcje dotyczące pielęgnacji oraz cytatów dzięki wyrazistym kompozycjom opartym na obrazie.
Powtarzalne motywy graficzne sprawiają, że tożsamość wizualna jest czytelna na każdym etapie przeglądania strony. Szeryfowe nagłówki ekspozycyjne nadają wspólny ton takim sekcjom, jak „Lubię psy”, „Posiadanie psa to wspaniała zabawa”, „Opieka nad Twoim psem” oraz „Ciepły szczeniak”. Zaokrąglone fotografie, w tym okrągłe zdjęcie w części „O nas”, kontrastują z prostokątnymi blokami tekstu, a nachodzące na siebie białe karty tworzą powracający układ łączący fotografię z czytelną treścią. Cztery karty korzyści rozwijają ten schemat w uporządkowany układ informacyjny, a przyciski i pole zapisu zapewniają wyważone punkty akcentu i interakcji. Nawet zwięzła stopka kontynuuje układ bloków kolorystycznych, mieszcząc pole logotypu, poziomą nawigację oraz informację o prywatności. W efekcie powstaje kierunek wizualny skupiony wokół ciepła, bliskości i redakcyjnej opowieści, który z powodzeniem poprowadzi powiązane podstrony za sprawą wspólnej palety, hierarchii typograficznej, stylu zdjęć i kontrastu, bez ograniczania całego projektu do wyglądu pojedynczej 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.