Необрутализм в вебе Neo-Brutalist Web · 2014

2010-е 2020-е дизайн интернет-эстетики

Картинки в поиске → Стикерпак А4 Открыть в студии

Откуда это взялось

Сайты, которые выглядят «сырыми» нарочно: системные шрифты, толстые чёрные рамки, жёлтый и ярко-синий, тени без размытия, курсор-стрелка, никакой «вежливой» анимации, HTML как он есть. Сайт Brutalist Websites Паскаля Дейса (2014) собрал примеры, Bloomberg Businessweek (2016) и Balenciaga (2017) сделали это модным, Gumroad (2021) и Figma-шаблоны «neubrutalism» — массовым.

Откуда. Из архитектурного брутализма (честный материал) и из усталости от одинаковых «чистых» лендингов Bootstrap 2014 года. Также из Craigslist, Hacker News и Википедии — сайтов, которые никогда не переделывали. И из панка: сделай плохо, но своё.

Признаки. Чёрные границы 2–4 px, жёсткие тени (box-shadow без blur), заливки «вырви глаз», моноширинные и системные шрифты, подчёркнутые синие ссылки, асимметрия, крупный текст, «выпавшая» вёрстка. Нео-версия (2021+) — то же, но аккуратно и с пастелью, что критики зовут «брутализм для Dribbble».

Что стало. К 2023-му необрутализм — стандартный «молодой» стиль для стартапов и портфолио, а «настоящий» брутализм ушёл в личные сайты и Neocities. Это одна из немногих веб-эстетик, которая выросла не из технологии, а из вкуса. Родственники — «старый веб», швейцарский стиль (по честности) и y2k-ревайвл.

Текст написан «Чеком», лицензия CC BY 4.0 — можно цитировать со ссылкой на эту страницу.