01
КАПСУЛА / 001
Люксовая мода: диагональные каталоги, крупные фото моделей, обрезанные по краю кадра, наложенные грубые ценники-стикеры вместо элегантных подписей.
Обсудить капсулу →
Загружаем страницу
Быстрая заявка
Оставьте контакт — свяжемся в течение рабочего дня.
Нажимая «Отправить», вы соглашаетесь на обработку персональных данных.
Заявка отправлена!
Спасибо — мы свяжемся с вами в выбранном канале в ближайшее время.
Формакричит
Сайты, которые ломают сетку намеренно.
Дизайн-система на основе конструктивизма и деконструкции.
Дизайн-система на основе конструктивизма и деконструкции.
СКРОЛЛ ↓ НЕ ПЛАВНЫЙ
01
Манифест
Асимметрия — сетка ломается там, где ей неудобно быть симметричной.
Типографика наезжает на изображение. Буквы рвутся, ритм нелинейный.
Красный + чёрный + белый + кислотный — без переходных полутонов.
Фото сталкивается с грубым вектором. Абстракция врезается в текст.
Глитч вместо плавности. Скачок вместо easing.
02
Ниши, где это работает
02
ТИТАН × ЧЁРНЫЙ АЛМАЗ
Ювелирный бренд из титана и чёрных алмазов: макро-съёмка украшений на чёрном фоне, острая векторная графика граней, никакой позолоты — только сталь и контраст.
Показать коллекцию →
03
ПРОТОКОЛ БУДУЩЕГО
IT-продукт: интерфейс сайта сам ведёт себя как система — глитч-переходы между экранами, ASCII/код как декоративный слой, диагональные UI-мокапы вместо статичных скриншотов.
Запустить продукт →
04
СЛОЖНОСТЬ ПРОСТРАНСТВА
Архитектурное бюро: план здания разрезает страницу по диагонали, фото объектов накладываются друг на друга слоями, аксонометрия используется как фоновый паттерн.
Показать проекты →
05
ХАРАКТЕР В ФЛАКОНЕ
Парфюмерный бренд с дерзким характером: флакон снят крупно и обрезан кадром, ноты аромата напечатаны разорванным шрифтом прямо по фото, без «воздуха» и пастельных тонов.
Создать флакон →
06
ГАЛЕРЕЯ БЕЗ СТЕН
Онлайн-галерея digital-арта: нелинейная прокрутка (горизонтальный скролл-«зал»), работы висят «криво» под разными углами, курсор становится частью экспозиции.
Открыть галерею →03
Как это собирается
01
Разбор канона
Фиксируем стандартную сетку ниши, чтобы осознанно её сломать, а не хаотично.
02
Слом сетки
Строим асимметричный каркас: диагонали, оверлеи, выход элементов за пределы блока.
03
Типографика-удар
Гротеск на весь экран, наложение на фото, нестандартный ритм строк.
04
Глитч и движение
Резкие анимации на steps(), а не ease — сайт «спотыкается» осознанно.
