ДРЕЙФ — курс по motion-дизайну

О шаблоне

Промосайт образовательного курса с динамичной типографикой и программой обучения.

Как создавался шаблон

1. Этап 1

   Создай оригинальный интерактивный сайт бесплатного open-source курса …

   Запрос: Создай оригинальный интерактивный сайт бесплатного open-source курса по motion-дизайну. Это не обычный лендинг: сам интерфейс должен демонстрировать движение. Светлый фон с едва заметной точечной сеткой, кораллово-красный акцент, тонкая техническая типографика, анимированные SVG-линии, дуги, точки, траектории и кинетические заголовки. Движение спокойное, точное и осмысленное, без визуального шума. На первом экране покажи тему курса и живую графическую композицию; ниже — модули Sketch, Morph, Path, 3D, Ease и Marks, интерактивные упражнения, примеры работ и бесплатную запись. Сделай меню частью визуальной системы. Используй собственный бренд и тексты, не копируй референс. Если нужны изображения, генерируй их; графику движения предпочтительно делай SVG/CSS.

   Результат: Изменения сохранены. Проверьте результат на сайте.

2. Этап 2

   На главной вместо сайта показывается Unexpected Application Error: ba…

   Запрос: На главной вместо сайта показывается Unexpected Application Error: base is not defined. Исправь ошибку так, чтобы страница полностью открывалась, все интерактивные превью модулей работали и мобильная версия не создавала горизонтальную прокрутку.

   Результат: Восстановлена главная страница курса ДРЕЙФ: устранена ошибка base is not defined в превью Marks, все шесть интерактивных превью реагируют на наведение и фокус, форма записи переведена на платформенную форму с валидацией и состоянием успеха, убрана горизонтальная прокрутка на мобильных.