Tożsamość wizualna opiera się na ciemnym, grafitowym tle, dzięki któremu akcenty w odcieniach limonki, żółci, fioletu i bieli stają się doskonale widoczne. Kolor limonkowy przyciąga wzrok do kluczowych korzyści i oznaczeń związanych z finansami mobilnymi, fiolet wyróżnia akcje związane z kontem i przyciski wyboru planów, a biel zapewnia doskonały kontrast i czytelność nagłówków. Taka paleta barw nadaje tematyce bankowej dynamiczny charakter, rezygnując z tradycyjnej, jasnej stylistyki korporacyjnej.
Wyrazista typografia bezszeryfowa dodatkowo wzmacnia ten kierunek. Duże nagłówki tworzą przejrzystą hierarchię w sekcji hero oraz w blokach korzyści, narzędzi mobilnych i bezpieczeństwa, podczas gdy krótsze etykiety i teksty na kartach dostarczają dodatkowych warstw informacyjnych. Zaokrąglone karty powtarzają się w planach kont i modułach poświęconych bezpieczeństwu, tworząc spójny sposób prezentacji treści, który łączy ofertę komercyjną z informacjami o ochronie środków.
Okrągłe ilustracje stanowią kolejny powtarzający się motyw. Pojawiają się obok przekazu w sekcji hero oraz przy prezentacji podstawowego konta osobistego, łącząc wizualny storytelling z początkową obietnicą marki i opisem oferty. Duże odstępy pionowe gwarantują niezależność poszczególnym blokom, a powracające barwy, kształty i typografia sprawiają, że strona tworzy spójny system. W efekcie powstaje język projektowy, który pozwala przenieść bankowy charakter na powiązane treści, zachowując kontrast, nowoczesną lekkość i czytelną strukturę tego szablonu.
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.