Slush

надувная вселенная наклеек на пастельной бумаге

Slush работает по принципу альбома для наклеек: пастельный бумажный холст, огромные объемные ленты ярко-синего цвета и целая радуга ярких акцентов из наклеек, разбросанных, словно конфетти. Шрифт огромный и сжатый (Lateral 800 на 200–640px, межстрочный интервал 0,75–0,80), так что слова превращаются в скульптурные объекты, а не в предложения. Шесть насыщенных фирменных цветов функционируют как общая палитра для наклеек — каждый цвет появляется в виде заполненной наклейки, поверхности карточки или декоративного слоя, никогда не в качестве сдержанного акцента. Компоненты закруглены до мягкости (20–40px на карточках, в форме таблетки на навигации) и обведены черным контуром для создания эффекта ручной работы. В результате получается не столько целевая страница финтех-компании, сколько физический коллаж, прикрепленный к светлой стене.

Макет с прокруткой на всю ширину страницы, без боковой панели и постоянного контейнера. Бегущая строка и минималистичная верхняя навигация (логотип слева, навигационная панель в центре, заполненный призыв к действию справа) остаются вверху. Каждый раздел представляет собой полноэкранную цветную полосу (#dceeff → #ffffff → #cccccc) с увеличенным боковым текстом, выровненным по центру или левому краю, обрамленным объемными синими лентами. Расположение контента намеренно свободное и коллажное, а не привязанное к сетке: стикеры перекрывают текст, ленты пересекаются за текстом, а QR-карточка расположена не по центру во вторичном разделе. Вертикальный ритм достаточно широк (48px промежутки между разделами), но горизонтальная композиция намеренно асимметрична. Страница читается сверху вниз как три большие цветные полосы, каждая из которых представляет собой самостоятельный постер.

В визуальном языке доминируют трехмерные синие ленты — единый фирменный мотив, представляющий собой зернистую, надувную трубчатую форму синего цвета (Electric), обвивающую или скрывающую за собой заголовочный текст в каждом разделе. Декоративные двухмерные наклейки (ракета, золотая монета, зеленая галочка, фиолетовый кошелек) парят вокруг заголовков, словно вырезанные из бумаги фигуры, прикрепленные к доске, каждая с черным контуром (1px). Фотографий нигде нет. Нет традиционных иллюстративных сеток — все выполнено в виде коллажей и расположено асимметрично. Трехмерные ленты создают основную атмосферу; наклейки добавляют игривости; остальное — это шрифт и цвет.

Интернет-магазин Минимализм

https://slush.app

Палитра

Бренд

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-оптимизация под поисковую выдачу и рекомендации нейросетей.

Создать сайт в этом стиле

Slush

Палитра

Типографика

Интервалы и форма

ИИ соберёт ваш сайт в стиле Slush и наполнит его

Похожие стили