Tożsamość wizualna wynika z relacji między powściągliwą kolorystyką a wyrazistymi ujęciami. Obszary w stonowanej szarości i bieli zapewniają treściom „O nas” oraz wprowadzeniom do galerii spokojne tło, podczas gdy sekcje w kolorze antracytowym tworzą mocniejszy kontrast dla wypowiedzi redakcyjnej i wyróżnionej prezentacji salonu. Pola w barwach akcentujących wprowadzają urozmaicenie, nie zastępując dominującej neutralnej palety, dzięki czemu strona pozostaje spójnym, zorientowanym na wnętrza systemem projektowym.
Fotografia jest traktowana jako główny motyw budujący markę. W sekcji hero wykorzystano duże zdjęcie pomieszczenia do zbudowania nastroju, sekcja „O nas” wprowadza pełne roślin wnętrze, a galeria wielobarwnych wnętrz prezentuje trzy ujęcia jako skoordynowaną serię. Układ sześciu zdjęć z kolekcji przyrodniczych poszerza język wizualny, zachowując jednocześnie ten sam format oparty na galerii. Zamiast polegać na odosobnionych detalach dekoracyjnych, projekt powtarza nacisk na fotografie, otwarte przestrzenie i silnie kontrastujący tekst w różnych typach sekcji.
Zamykający stronę nałożony obszar projektów pokazuje, jak ta tożsamość sprawdza się przy bardziej funkcjonalnych treściach. Etykiety, takie jak „Wybitne projekty”, „Gorąco polecane” i „Kontakt”, znajdują się na tle dużej sceny wnętrza, łącząc prezentację projektów z wypracowanym językiem fotograficznym. Wyraziste nagłówki określają motywy, takie jak „Wielobarwne wnętrza” i „Kolekcje przyrodnicze”, podczas gdy mniejsze podpisy porządkują kategorie. Razem paleta barw, typografia, odstępy, skala zdjęć i przejścia między jasnymi a ciemnymi tonami tworzą tożsamość wizualną dopasowaną do powiązanych stron o tematyce wnętrzarskiej.
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.