Slush
надувний всесвіт наклейок на пастельному папері
Slush працює за принципом альбому для наклейок: пастельне паперове полотно, величезні об'ємні стрічки яскраво-синього кольору та ціла веселка яскравих акцентів з наклейок, розкиданих, наче конфетті. Шрифт величезний і стислий (Lateral 800 на 200-640px, міжрядковий інтервал 0,75-0,80), так що слова перетворюються на скульптурні об'єкти, а не на пропозиції. Шість насичених фірмових кольорів функціонують як загальна палітра для наклейок — кожен колір з'являється у вигляді заповненої наклейки, поверхні картки або декоративного шару, ніколи не як стриманий акцент. Компоненти закруглені до м'якості (20-40px на картках, у формі таблетки на навігації) та обведені чорним контуром для створення ефекту ручної роботи. В результаті виходить не так цільова сторінка фінтех-компанії, як фізичний колаж, прикріплений до світлої стіни.
Макет з прокручуванням на всю ширину сторінки, без бічної панелі та постійного контейнера. Рядок, що біжить, і мінімалістична верхня навігація (логотип зліва, навігаційна панель в центрі, заповнений заклик до дії праворуч) залишаються вгорі. Кожен розділ є повноекранною кольоровою смужкою (#dceeff → #ffffff → #cccccc) зі збільшеним бічним текстом, вирівняним по центру або лівому краю, обрамленим об'ємними синіми стрічками. Розташування контенту навмисно вільне та колажне, а не прив'язане до сітки: стікери перекривають текст, стрічки перетинаються за текстом, а QR-картка розташована не по центру у вторинному розділі. Вертикальний ритм досить широкий (48px проміжки між розділами), але горизонтальна композиція навмисно асиметрична. Сторінка читається зверху вниз як три великі кольорові смуги, кожна з яких є самостійним постером.
У візуальній мові домінують тривимірні сині стрічки — єдиний фірмовий мотив, що є зернистою, надувною трубчастою формою синього кольору (Electric), що обвиває або приховує заголовковий текст у кожному розділі. Декоративні двомірні наклейки (ракета, золота монета, зелена галочка, фіолетовий гаманець) ширяють навколо заголовків, немов вирізані з паперу фігури, прикріплені до дошки, кожна з чорним контуром (1px). Фотографій ніде немає. Немає традиційних ілюстративних сіток - все виконано у вигляді колажів та розташоване асиметрично. Тривимірні стрічки створюють основну атмосферу; наклейки додають грайливості; решта - це шрифт і колір.
Палітра
Бренд
- Electric Blue
#4da2ff— Домінуючий фірмовий колір — об'ємні скульптури у вигляді стрічок, фони зображень, розмиті візерунки на картках, візуальний підпис, який є основою кожного екрану.
Нейтральні
- Carbon
#000000— Основний текст, рамки картки, заповнене тло для заклику до дії, логотип — створює ефект контуру наклейки, вирізаної вручну, на пастельних поверхнях. - Paper White
#ffffff— Полотно сторінки, картонні поверхні, контур заливки кнопки, текст на темному тлі. - Sky Wash
#dceeff— Головний розділ фону, світло-блакитний пастельний фон. - Concrete Gray
#cccccc— Фон вторинного розділу, нейтральна проміжна поверхня - Soft Mist
#e9e9e9— Ледве помітні відтінки кнопок і поверхні, відключені стану - Mint Pop
#55db9c— Зелена заливка для виділення фону, декоративних смуг та м'якого акценту за контентом.
Друкарня
від 12 до 640px · 7 ступенів
- Lateral — заміна: Druk · зображення 800 · Відображаються лише заголовки - фірмовий знак "SLUSH" і банери розділів, такі як "ALL THINGS SUI", мають шрифт 200-640px зі зменшеною міжрядковою висотою 0,75-0,80, так що літери складаються в скульптурні блоки. Це антитрадиційний спосіб відображення: на жодному іншому сайті не використовується шрифт 800-го розміру з міжрядковою висотою менше 0,85, і цей ефект змушує текст поводитися як фізичний об'єкт, що обволікає тривимірні стрічки.
- Aeonik Pro — заміна: Inter · зображення 500, 700 · Весь інтерфейс користувача, основний текст, навігація, кнопки, підзаголовки. Вага 500 для основного тексту та метаданих (12–16px), вага 700 для підзаголовків та міток навігації (24–30px), та крок ваги 64px у 700 для великих допоміжних заголовків. Щільний міжлітерний інтервал (-0.010em) звужує основний текст (14-16px); невелике розширення (0,030–0.032em) у мітках навігації/кнопок дає елементам керування «вільний простір».
Інтервали та форма
| Призначення | Значення |
|---|---|
| Щільність | щільна |
| Базовий крок | 4-12px |
| Радіус кнопок | 1600px |
| Радіус карток | 20px |
| Тіні | ні — межі замість тіней |
| Між секціями | 48px |
| Ширина сторінки | 1440px |
ІІ збере ваш сайт у стилі Slush і наповнить його
- Наповнить товарами та постами за посиланням - Instagram, TikTok, Facebook.
- Перенесе контент зі старого сайту – достатньо вказати адресу.
- Сучасний дизайн на кращому движку: React ( Next.js) з серверним рендерингом та SEO-оптимізацією з коробки.
- Повна автоматична SEO-оптимізація під пошукову видачу та рекомендації нейромереж.
Схожі стилі
- Cursor — Затишна майстерня з пергаменту, освітлена тліючим вугіллям
- MindMarket — Затишна книжка-казка на кремовому папері — доброзичливе редакційне полотно, де великі заголовки Inter та вирізані з паперу персонажі сусідять на залитій сонцем, м'якій, як наклейки, поверхні
- Shop — Торгове сузір'я на білому мармурі.
- Airbnb — Тиха біла стіна галереї з однією коралово-червоною закладкою
- Superr — Теплий шкільний блокнот у м'якому післяполудневому світлі. Кремова сторінка, помаранчевий маркер без ковпачка та стопка ламінованих наклейок з іменами, що очікують відклеювання
- Apple (España) — Музейна галерея в м'якому денному світлі - це єдине, захоплююче, невагоме біле приміщення, де кожен експонат підсвічений точковим променем на тлі злегка тонованої стіни.
- Lamborghini — Чорний колір кузова у виставковому залі, під світлом прожекторів – один жовтий автомобіль
- Amplemarket — Залите сонцем робоче місце, посипане конфетті
- Getharvest — Робочий стіл у «золоту годину» — полотно теплого кремового кольору, білі листівки, розвішані на полотні, та одне яскраве помаранчеве полум'я
- Agence Foudre — Головна сторінка журналу, виконана в ніжно-рожевому кольорі, що нагадує колір губної помади
- Drive Capital — Ретро-постер для подорожі на теплому папері
- Apple (España) — біла вітрина галереї