Из чего собран портал
Три слоя: примитивы задают шкалы, семантика описывает роли, компоненты собираются из семантики. В разметке используются только роли: так тема переключается целиком и ничего не рассыпается.
Цвет
Один акцент на весь портал. Зелёный служебный цвет включается только в подтверждении отправки формы.
Типографика
Oswald работает только в заголовках и числах, Golos Text держит весь текст, JetBrains Mono отвечает за лейблы и суммы. Цифры всегда моноширинные, чтобы не прыгали при пересчёте.
Форма и компоненты
Движение
Анимация объясняет изменение, а не украшает. Появление секций при прокрутке ведёт взгляд по странице, пересчёт суммы в конфигураторе подтверждает нажатие, сдвиг карточки под курсором показывает, что она кликабельна. Всё остальное статично.
Длительности: --dur-1 0,16 c для наведения, --dur-2 0,28 c для раскрытия, --dur-3 0,6 c для появления. Кривая --ease-out для входа, --ease для остального. При включённом «уменьшить движение» в системе всё выключается.