Сайты
basta
Сайт агентства на четыре направления
2026·14 380 строк кода
Открыть демо
Главная идея: у бренда нет одного цвета. Красный принадлежит продакшну, а не логотипу — бренд это все четыре цвета сразу, и точка в чаше буквы «a» это показывает.
Что внутри
- Фон — не картинка и не видео, а метаболы на WebGL: четыре цветные капли по углам, курсор пятая, он расталкивает остальные
- В шейдере резкий вес вместо усреднения — иначе красный с синим дают бурый, а золотой с синим болотный. Побеждает ближняя капля, а не средняя
- Переключение направления перекрашивает весь сайт через две CSS-переменные: кнопки, подчёркивания, полосы, курсор, точку знака и фон разом
- Порядок направлений намеренно сбит с спектрального, чтобы четыре цвета рядом не читались как полоски флага
- Нет WebGL — включается CSS-градиент, и ничего не ломается. Зависимостей ноль
Стек
WebGL / GLSLванильный JSCSS-переменныебез зависимостей
Демо
Двигайте мышкой по фону — капли расходятся от курсора. Зайдите в любое направление, и сайт перекрасится целиком.
Экраны


