Design
Biblioteka, z której budujemy interfejsy. Wybierz motyw, a wszystkie przykłady na stronie przebiorą się razem z nim.
Wzory pochodzą ze społeczności 21st.dev i z Originkit. Każdy przerysowaliśmy na nasze tokeny, a pod każdym jest link do oryginału. Marka Atlas i treści w przykładach są zmyślone.
Hero
Pierwszy ekran: nagłówek, jedno zdanie i przycisk.
Cenniki
Plany z przełącznikiem okresu rozliczeń, wyróżniony plan i tabela porównawcza.
Menu
Nawigacja, mega menu, menu rozwijane i pasek menu. Wszystkie działają: kliknij albo najedź.
Karty i liczby
Siatki bento, funkcje produktu i liczniki, które ruszają, gdy pojawią się na ekranie.
Opinie i FAQ
Karuzela opinii, ściana cytatów i dwa akordeony z pytaniami.
Formularze
Logowanie, rejestracja i zapis na newsletter. W podglądzie nic się nie wysyła.
Stopki
Koniec strony: kolumny linków, kontakt i nazwa marki.
Z naszego CRM
Elementy, które trzymamy w bibliotece w CRM: tokeny, przyciski, animacje i ikony.
Tokeny
Kolory, fonty i odstępy jako tokeny. Zmieniasz jedną wartość, zmienia się cała aplikacja.
--primary: #F81300;Komponenty
Przyciski, formularze, tabele i przełączniki. Projektujemy je raz i używamy na każdym ekranie.
Animacje
Ruch tam, gdzie coś się dzieje: ładowanie, zapisanie, przejście między ekranami.
Ikony
Jeden zestaw w jednym stylu, w SVG. Najedź kursorem, a narysują się od nowa.
Chcesz taki system u siebie?
Jeśli masz brand book, budujemy na nim. Jeśli nie, zrobimy go z Tobą od zera, w cenie projektu.
Umów rozmowę