Tożsamość wizualna projektu opiera się na ciemnym, grafitowym fundamencie, który pozwala wyeksponować akcenty w odcieniach morskiej zieleni, turkusu, koralu i bieli. Początkowa sekcja „Nowa kolekcja” zestawia duże zdjęcie redakcyjne z kontrastującym panelem w kolorze morskiej zieleni, dzięki czemu blokowanie kolorów staje się integralnym elementem prezentacji marki, a nie tylko przypadkową dekoracją. Sekcja „Del Sol” powtarza relację między obrazem a ciemnym tekstem, podczas gdy oceaniczny przerywnik wprowadza jaśniejsze pole turkusu oraz białe grafiki fal.
Typografia i odstępy podkreślają tę paletę. Duże nagłówki ekspozycyjne, takie jak „Nowa kolekcja”, „Życie w bikini” i „Klimat surfingu”, tworzą mocne punkty orientacyjne, a obszerna przestrzeń sprawia, że bogate w obrazy sekcje nie wydają się przeładowane. Trzyszpaltowa prezentacja strojów bikini, nakładająca się kompozycja „Klimat surfingu” oraz sąsiadujące zdjęcia kampanijne wykorzystują fotografię jako główny nośnik tożsamości, różnicując jednak jej układ. W efekcie strona zyskuje redakcyjny, surfingowy charakter bez konieczności powielania jednego schematu kart.
Ten sam kierunek wizualny utrzymano w strefach interakcji. Promocja newslettera wykorzystuje wyśrodkowany układ na ciemnym tle morskiej zieleni, a sekcja „Skontaktuj się z nami” łączy panel ze zdjęciem z obszarem kontaktowym w kolorze morskiej zieleni oraz kompaktowym formularzem. Wybory te płynnie łączą treści nastawione na działanie z ogólną estetyką strony, zamiast traktować końcowe bloki jak oderwane sekcje użytkowe. Szablon oferuje zatem spójny system wizualny dla kolekcji odzieży surfingowej: ciemny kontrast, wyraziste morskie akcenty, wielkoformatowa fotografia i wyrazista hierarchia nagłówków harmonijnie współgrają na całej stronie.
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.