Когда «некрасиво» — это стратегия
Когда видишь сайт с грубым шрифтом, жёсткими тенями и асимметричной сеткой, первая реакция — «это баг или фича?». Скорее всего, фича. Бруталистский и ретро-дизайн — это не ошибки и не попытка сэкономить на дизайнере. Это осознанный выбор, который часто работает лучше, чем полированные шаблоны из Figma Community.
Откуда это пришло, почему работает и когда имеет смысл выбирать такой стиль — разберём по порядку.
Что такое бруталистский веб-дизайн
Бруталистский дизайн позаимствовал название из архитектуры 1950–60-х. Там это был бетон в чистом виде — без облицовки, без украшений, конструкция видна как есть. В вебе то же самое: системные шрифты, жёсткие границы, минимум стилизации, контраст до предела.
Классические признаки:
- Отсутствие скруглений и мягких теней
- Жирные засечки или monospace-шрифты
- Контрастные пары — чёрный, белый, жёлтый, красный
- Текст, который не обязательно «ложится» по сетке
- Видимая структура без декора
Один из самых известных примеров — Bloomberg Businessweek в цифровом пространстве. Или Cargo, платформа для портфолио. Или сайт студии WDWWW. Все они выглядят «сырыми», но именно это создаёт ощущение подлинности.
Ретро-дизайн — это другое
Ретро шире и мягче бруталистского. Это не «убрать всё лишнее», а «добавить то, что было». Стили разных эпох возвращаются по-разному:
- Y2K-эстетика — хром, пузыри, глянец, «будущее из 2000-х»
- 80-е — неон, градиенты, Memphis-паттерны, сетки
- 70-е — земляные тона, психоделика, округлые органичные формы
- 90-е Windows — пиксели, объёмные 3D-иконки, системные элементы интерфейса
Ретро-дизайн сейчас активно используют в моде, косметике, музыке. Достаточно посмотреть на Glossier, COS или любой инди-лейбл. Они не пытаются выглядеть современно — они сознательно отсылают к определённой эпохе и вызывают конкретную эмоцию.
Почему это работает
Здесь не просто эстетика ради эстетики. Есть конкретные механики.
Отстройка от конкурентов. Большинство сайтов в 2026 году выглядят одинаково: Hero-секция с видео, плавный скролл, карточки с продуктами, синяя или зелёная кнопка «Купить». Когда среди этого появляется что-то грубое или намеренно старомодное — оно запоминается. Пользователь сканирует десятки страниц, и нестандартный визуал останавливает взгляд.
Аутентичность. Сейчас это слово используют слишком часто, но суть верная: люди устали от причёсанного маркетинга. Бруталистский или ретро-дизайн сигнализирует: «мы не пытаемся понравиться всем». Это вызывает доверие у определённой аудитории — той, которой и нужно доверие.
Скорость загрузки. Бруталистские сайты, как правило, технически простые. Никаких тяжёлых анимаций, WebGL, параллакса на каждом блоке. Страница грузится за доли секунды. В эпоху Core Web Vitals это реальное преимущество — Google это учитывает в ранжировании.
Культурный контекст. Ретро-стиль работает, если у аудитории есть ностальгия или интерес к эпохе. Бренд виниловых пластинок в стиле 70-х — логично. Медицинский стартап в Y2K-хроме — скорее нет.
Когда стиль подходит, а когда нет
Не каждому бизнесу нужен бруталистский сайт. Есть ситуации, где это работает отлично.
Творческие студии и агентства. Дизайн-студии, арт-директора, фотографы — им важно показать личный взгляд. Стандартный шаблон говорит «я как все», бруталистский — «я делаю по-своему».
Музыкальные проекты, инди-лейблы, фестивали. Здесь визуал — часть идентичности. Сайт фестиваля с монохромной грубой типографикой создаёт правильное настроение ещё до того, как пользователь прочитал хоть одно слово.
Стартапы, которые хотят выделиться. Если рынок перегрет стандартными лендингами — попробуй что-то другое. Особенно в технологическом секторе, где все выглядят одинаково.
Продукты с субкультурной аудиторией. Стритвир, андеграундная литература, независимая игровая разработка — аудитория ценит визуальную смелость и считывает её как уважение.
Когда это, скорее всего, не сработает: банки, медицина, государственные структуры, крупный ретейл. Там доверие строится через чистоту и предсказуемость интерфейса. Нестандартный визуал будет вызывать тревогу, а не интерес.
Как сделать это правильно
Главная ошибка — спутать бруталистский дизайн с плохим дизайном. Это разные вещи.
Плохой дизайн — когда что-то сломано случайно, когда текст нечитабельный, когда структура непонятна. Бруталистский — когда всё сделано намеренно, каждое решение обосновано.
Типографика должна работать. Грубый шрифт — не значит нечитабельный. Helvetica Neue Bold или Courier New в нужном размере выглядят жёстко, но читаются легко. Не жертвуй читаемостью ради эстетики — это не бруталистский подход, это просто плохой дизайн.
Контраст — обязателен. Бруталистский дизайн часто использует чёрное на белом или очень контрастные пары. Проверяй через WebAIM Contrast Checker — WCAG AA как минимум. Доступность и стиль не противоречат друг другу.
Сетка — даже если её не видно. Кажущийся хаос должен держаться на внутренней логике. Отступы одинаковые, блоки выровнены по скрытой оси. Иначе это выглядит как ошибка, а не намеренное решение.
Ретро-цвета — это не случайно. Если делаешь Y2K — изучи реальные сайты 1999–2003 годов. Если 80-е — посмотри на графику той эпохи. Стиль должен быть точным, а не «вроде похоже». Разница между настоящим ретро и халтурой всегда видна.
Интерактивность остаётся. Кнопки должны быть кнопками — с чётким hover-состоянием. Ссылки — заметными. Форма — работающей. Визуальный стиль не отменяет UX.
Примеры, на которые стоит смотреть
Balenciaga в своё время перешла на намеренно «уродливый» веб-дизайн — Times New Roman, огромные отступы, минимализм на грани абсурда. Это вызвало волну обсуждений и отлично сработало как PR-ход для бренда, который позиционирует себя вне конвенций.
Depop — маркетплейс для секонд-хенда — использовал рваную типографику и флуоресцентные цвета. Их аудитория — молодёжь, которая ценит именно такую эстетику и воспринимает её как своё.
Are.na — платформа для хранения идей — выглядит как интерфейс начала 2000-х. Это сознательное решение, которое работает для их аудитории: дизайнеры, художники, исследователи. Никаких анимаций, никакого глянца — только структура.
Figma в ранние годы использовала системные шрифты и минималистичный интерфейс, который сейчас принято называть «функциональным брутализмом». Потом они стали мягче — но именно ранняя эстетика помогла им выделиться среди дизайн-инструментов.
Бруталистский дизайн против минимализма
Их часто путают, но это разные вещи.
Минимализм убирает лишнее, чтобы оставить только нужное — и при этом остаётся «приятным». Чистые линии, много воздуха, аккуратные иконки.
Бруталистский дизайн не пытается быть приятным. Он пытается быть честным. Это может значить больше информации на экране, видимые границы, грубые края. Отсутствие комфорта — иногда намеренное.
Минимализм говорит: «я убрал всё лишнее».
Брутализм говорит: «я не притворяюсь».
Ретро как маркетинговый инструмент
Ностальгия — сильный триггер. Это не секрет в маркетинге, и дизайн здесь работает напрямую.
Если твоя аудитория — люди 30–40 лет, для которых Windows 95 и первые мобильники — это детство, то визуальные отсылки к той эпохе вызывают тёплые чувства. Это переносится на продукт. Не рационально, но стабильно работает.
Но важно не переборщить. Ретро-стиль должен работать в связке с ценностью продукта. Если упаковка в стиле 80-х, а внутри посредственный товар — это не спасёт. Стиль должен усиливать содержание, а не замещать его.
Простой тест: нужно ли это вашему проекту
Три вопроса, которые помогают принять решение:
- Есть ли у вашей аудитории эстетический интерес или ностальгия к определённой эпохе или стилю?
- Хотите ли вы выглядеть заметно иначе, чем конкуренты, даже если это оттолкнёт часть потенциальных клиентов?
- Выдержит ли ваш бренд нестандартный визуал — или дизайн будет противоречить тому, что вы продаёте?
Если «да» на все три — стоит попробовать. Если два «нет» — лучше идти другим путём.
Сколько стоит и как реализовать
Бруталистский лендинг технически проще большинства современных сайтов — нет сложных анимаций, нет тяжёлого кода. Но это не значит, что он дешевле с точки зрения дизайна. Скорее наоборот: намеренная «некрасивость» требует больше насмотренности и осознанности, чем работа по шаблону. Легко сделать просто плохо — гораздо сложнее сделать намеренно грубо и при этом правильно.
В REEXY лендинг начинается от 3 500 ₽, корпоративный сайт — от 15 000 ₽. Конкретная цена всегда зависит от объёма задачи — лучше просчитывать под конкретный проект.
Тренды приходят — смысл остаётся
Бруталистские сайты появились как реакция на перегруженность скевоморфизмом, потом на полированный флэт, потом на Material Design. Сейчас они снова на подъёме — как реакция на унифицированный корпоративный дизайн, который сделал все сайты похожими друг на друга.
Тренды циклятся. Главный вопрос не «модно ли это», а «соответствует ли это тому, что ты хочешь сказать».
Если ваш продукт честный, нишевый, смелый — бруталистский или ретро-дизайн может стать точным визуальным высказыванием. Если вы просто хотите быть в тренде — это плохая причина, и аудитория это почувствует.