Спокойная система для сложного производства.
Нейтральные поверхности, один оранжевый акцент и понятное состояние каждого этапа. Вдохновлено продуктовой сдержанностью Linear, адаптировано для Campsis.
Принципы
Система помогает авторам управлять длинным техническим процессом без ощущения перегруженности.
Оранжевый цвет отвечает на вопрос, что делать дальше.
Поверхности отделяют функциональные зоны, не украшают пустоту.
До запуска известны объем, стоимость и используемый сервис.
Цвет
Campsis Orange остается единственным акцентом. Нейтральная лестница поверхностей заменяет тени и декоративные градиенты.
Типографика
Wix Madefor Display дает маркетинговым заголовкам крупный и контрастный голос. Geist используется для текста, навигации, кнопок и приложения, Geist Mono — для чисел, времени и технических метаданных.
История начинается с темы
Рабочая область проекта
Пишите сценарий, проверяйте факты и собирайте сотни кадров в едином процессе. Основной текст остается спокойным и читаемым.
Сетка и форма
Базовый шаг 4px. Радиус зависит от масштаба объекта: контролы компактнее панелей, переключатели остаются капсульными.
Компоненты
Все интерактивные элементы имеют hover, pressed и видимый keyboard focus. Основной текст на оранжевом всегда темный.
Короткая подсказка под полем.
Состояния
Загрузка сохраняет геометрию будущего контента. Ошибка объясняет проблему рядом с источником, а toast подтверждает завершенное действие.
Добавьте действующий ключ в настройках.
Введите тему, чтобы подготовить первый сценарий.
Создать роликДвижение и доступность
Анимация подтверждает смену состояния. При reduced motion интерфейс остается полностью функциональным без необязательных переходов.