Wizualna tożsamość tego bloku wynika z relacji między ciepłą fotografią zakupową a ściśle kontrolowaną paletą prezentacji oferty. Zdjęcie po lewej stronie buduje ludzki kontekst detaliczny, natomiast czerwony panel po prawej tworzy celowe pole akcentujące komunikat wyprzedażowy. Na tym tle duża biała typografia eksponuje rabat 50% i nadaje kompaktowemu przyciskowi „Kup teraz” spójną, jasną oprawę.
Czarna, okrągła plakietka Black Friday wprowadza drugi mocny akcent wizualny. Jej zaokrąglony kształt kontrastuje z prostokątnym panelem oferty i może posłużyć jako motyw przewodni dla innych detali kampanii, nie rywalizując przy tym z głównym komunikatem o rabacie. Połączenie ciepłego kadru, czerwonego akcentu, czarnej plakietki i białego liternictwa tworzy zasób środków wizualnych znacznie bardziej wyrazisty niż standardowy układ promocyjny.
W ramach szerszego projektu strony internetowej te rozwiązania pomagają powiązać sekcję wyprzedaży z innymi treściami handlowymi, jeśli w pozostałych miejscach serwisu powtórzą się podobne role kolorów, ciepło fotografii czy kontrasty typograficzne. Blok ten należy traktować jako jedną z form ekspresji tego stylu, a nie dowód na to, że cała witryna korzysta już z tego samego schematu. Funkcja Ustawienia motywu w Nicepage ułatwia spójną koordynację stylu, pozwalając tej sekcji zachować jej indywidualny układ promocyjny.
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.