Slush
nadmuchiwany wszechświat naklejek na papierze pastelowym
Slush działa jak album z naklejkami: pastelowe płótno, ogromne, obszerne wstęgi jaskrawego błękitu i tęcza żywych akcentów naklejkowych rozrzuconych niczym konfetti. Czcionka jest ogromna i skondensowana (wymiary boczne 800 na 200–640 pikseli, odstępy między wierszami 0,75–0,80), dzięki czemu słowa stają się obiektami rzeźbiarskimi, a nie zdaniami. Sześć intensywnych, charakterystycznych kolorów stanowi ogólną paletę naklejek – każdy kolor pojawia się jako wypełniona naklejka, powierzchnia karty lub warstwa dekoracyjna, nigdy jako dyskretny akcent. Elementy są delikatnie zaokrąglone (20–40 pikseli na kartach, w kształcie pigułki w nawigacji) i obrysowane na czarno, co daje efekt ręcznego wykonania. Rezultatem jest mniej strona docelowa fintech, a bardziej fizyczny kolaż przypięty do jasnej ściany.
Układ charakteryzuje się przewijaną stroną na całej szerokości, bez paska bocznego lub stałego kontenera. Przewijany tekst i minimalistyczny górny pasek nawigacyjny (logo po lewej stronie, pasek nawigacyjny na środku, wypełnione wezwanie do działania po prawej stronie) pozostają na górze. Każda sekcja to pełnowymiarowy pasek koloru (#dceeff → #ffffff → #cccccc) z powiększonym tekstem bocznym, wyśrodkowanym lub wyrównanym do lewej, obramowanym trójwymiarowymi niebieskimi wstążkami. Układ treści jest celowo luźny i przypomina kolaż, a nie siatkę: naklejki nakładają się na tekst, wstążki przecinają się za tekstem, a karta QR jest umieszczona poza środkiem w drugorzędnej sekcji. Rytm pionowy jest dość szeroki (48 px przerwy między sekcjami), ale kompozycja pozioma jest celowo asymetryczna. Strona czyta się od góry do dołu jako trzy duże paski koloru, każdy jako samodzielny plakat.
W języku wizualnym dominują trójwymiarowe niebieskie wstążki – spójny motyw marki, składający się z ziarnistych, nadmuchiwanych, rurkowatych kształtów w elektryzującym błękicie, które owijają się wokół lub zasłaniają tekst nagłówka w każdej sekcji. Dekoracyjne dwuwymiarowe naklejki (rakieta, złota moneta, zielony ptaszek, fioletowy portfel) unoszą się wokół nagłówków niczym wycinanki przypięte do tablicy, każda z czarnym konturem (1 piksel). Nigdzie nie ma zdjęć. Nie ma tradycyjnych siatek ilustracyjnych – wszystko jest kolażowane i asymetrycznie ułożone. Trójwymiarowe wstążki tworzą główny klimat; naklejki dodają zabawnego akcentu; reszta to czcionka i kolor.
Paleta
Marka
- Electric Blue
#4da2ff— Dominujący kolor marki — grube rzeźby wstążek, tła obrazów, rozmyte wzory na kartach — to wizualny podpis stanowiący podstawę każdego ekranu.
Neutralny
- Carbon
#000000— Główny tekst, ramki na karty, wypełnione tło wezwania do działania i logo tworzą efekt wycinanego ręcznie konturu naklejki na pastelowych powierzchniach. - Paper White
#ffffff— Strona na płótnie, powierzchnie tekturowe, wypełnienie konturem przycisku, tekst na ciemnym tle. - Sky Wash
#dceeff— Tło sekcji głównej, jasnoniebieskie pastelowe tło. - Concrete Gray
#cccccc— Tło sekcji drugorzędnej, neutralna powierzchnia pośrednia - Soft Mist
#e9e9e9— Subtelne dźwięki przycisków i powierzchni, stany wyłączone - Mint Pop
#55db9c— Zielone wypełnienie podkreśla tło, ozdobne paski i delikatny akcent za treścią.
Typografia
od 12 do 640px · 7 kroków
- Lateral — wymiana: Druk · wytyczne 800 · Tylko nagłówki – logo „SLUSH” i banery sekcji, takie jak „ALL THINGS SUI” – są wyświetlane czcionką o szerokości 200–640 pikseli i obniżonej wysokości linii do 0,75–0,80, dzięki czemu litery tworzą rzeźbione bloki. Jest to metoda wyświetlania sprzeczna z tradycyjnymi standardami: żadna inna strona internetowa nie używa czcionki o szerokości 800 punktów i wysokości linii mniejszej niż 0,85, a ten efekt sprawia, że tekst zachowuje się jak fizyczny obiekt owinięty w trójwymiarowe wstęgi.
- Aeonik Pro — wymiana: Inter · wytyczne 500, 700 · Cały interfejs użytkownika, w tym tekst główny, nawigacja, przyciski i podtytuły. Grubość 500 dla tekstu głównego i metadanych (12–16 px), grubość 700 dla podtytułów i etykiet nawigacyjnych (24–30 px) oraz przyrost 700 pikseli o 64 px dla dużych nagłówków drugorzędnych. Małe odstępy między literami (-0,010 em) zwężają tekst główny (14–16 px); niewielkie rozszerzenie (0,030–0,032 em) etykiet/przycisków nawigacyjnych tworzy „pustą przestrzeń” dla elementów sterujących.
Interwały i forma
| Zamiar | Oznaczający |
|---|---|
| Gęstość | gęsty |
| Podstawowy krok | 4-12px |
| Promień przycisku | 1600px |
| Promień karty | 20px |
| Cienie | nie - granice zamiast cieni |
| Między sekcjami | 48px |
| Szerokość strony | 1440px |
Sztuczna inteligencja zbuduje Twoją witrynę w stylu Slush i wypełni ją
- Uzupełnij produktami i postami za pomocą linku - Instagram, TikTok, Facebook.
- Przenieś zawartość ze starej witryny — wystarczy podać adres.
- Nowoczesny design na najlepszym silniku: React ( Next.js) z renderowaniem serwerowym i optymalizacją SEO od razu po wyjęciu z pudełka.
- W pełni zautomatyzowana optymalizacja SEO dla wyników wyszukiwania i rekomendacje sieci neuronowych.
Podobne style
- Cursor — Przytulny warsztat pergaminowy, oświetlony tlącymi się węglami
- MindMarket — Przytulna, bajkowa książka na kremowym papierze – przyjazne płótno redakcyjne, na którym duże nagłówki Interu i wycięte z papieru postacie współistnieją na nasłonecznionej, miękkiej jak naklejka powierzchni.
- Shop — Pływająca konstelacja handlowa na białym marmurze
- Airbnb — Cicha, biała ściana galerii z pojedynczą koralowo-czerwoną zakładką
- Superr — Ciepły zeszyt szkolny w delikatnym popołudniowym świetle. Kremowa strona, pomarańczowy marker bez skuwki i stos laminowanych naklejek z imionami czekających na odklejenie.
- Apple (España) — Galeria muzeum, w łagodnym świetle dziennym, stanowi pojedynczą, urzekającą, nieważką białą przestrzeń, w której każdy eksponat jest oświetlony reflektorem umieszczonym na lekko przyciemnionej ścianie.
- Lamborghini — Czarny kolor nadwozia w salonie, pod reflektorami - jeden żółty samochód
- Amplemarket — Zalane słońcem miejsce pracy pokryte konfetti
- Getharvest — Biurko o złotej godzinie – ciepłe kremowe płótno, białe pocztówki zawieszone na płótnie i pojedynczy, jasnopomarańczowy płomień
- Agence Foudre — Okładka magazynu ma delikatny różowy kolor, przypominający szminkę.
- Drive Capital — Plakat z retro podróżą samochodem na ciepłym papierze
- Apple (España) — biała gablota wystawowa