Визуальная среда для выразительных сайтов

Проектируйте сайт как рабочее полотно.

СДВИГ собирает типографику, изображения, сетку, motion-сцены, адаптив и публикацию в одной браузерной рабочей области.

sdvig.site / canvas / launch-24
Рабочий холст СДВИГ с изображением запуска
Сдвиг 24
свободное полотно

Не набор случайных слов, а рабочая среда: каждый термин связан с визуальным состоянием, картинкой, сеткой, адаптивом или публикацией.

Возможности

Технические блоки стали частью интерфейса.

01

Тип и сетка

Заголовки, направляющие и ритм страницы редактируются рядом с холстом, а не живут отдельно от картинки.

02

Шейдеры

Графика не висит отдельно: эффекты показываются в preview-слое и проверяются вместе с текстом.

Preview слоя с визуальным эффектом shader / noise
03

Адаптив

Desktop и mobile собираются в одном макете, поэтому картинка не заезжает на текст при смене ширины.

Desktop preview
Mobile preview
04

Публикация

Финальный экран показывает статус сборки, домен, архив версий и готовность к публикации.

05

CMS и архив

Проекты, медиа и версии остаются внутри одной библиотеки, а не превращаются в потерянные файлы.

Индекс архива
06

В работу

От идеи до опубликованного сайта: макет, адаптив, движение и запуск в одном процессе.

Начать сборку

Canvas workflow

Картинка, текст и параметры находятся в одной системе.

В референсе CNTRL смысл строится вокруг визуального редактора. Здесь мы повторяем эту логику: каждый экран показывает рабочую область, реальные изображения и управляющие панели.

project / archive-scene saved 14:22
Композиция запуска внутри редактора
breakpoint 390
archive / 08

Project wall

Превью остаются главным доказательством.

Кейс Северный зал
01

Северный зал

галерея, ночной индекс

Кейс Кислота 24
02

Кислота 24

поп-ап, продукт, пузырь

Кейс Тип улиц
03

Тип улиц

мастерская, буквы, бетон

Кейс Лента звука
04

Лента звука

лейбл, архив, волна

Кейс Полевой журнал
05

Полевой журнал

скан, карта, папка

Кейс Сонный рынок
06

Сонный рынок

рынок, вспышка, ночь

Publish state

Готово к публикации без визуального развала.

Сначала проверяем desktop, tablet и mobile, потом публикуем. Холст, картинки и текст не должны спорить друг с другом.

Написать
01layout checkpassed
02imagesloaded
03responsivestable
04productionready