Говорящие уроки

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

Лендинг на одном экране: герой, методика, каталог курсов, призыв к действию. Минимум кликов — максимум информации.

Футуристичный тёмный дизайн со стекломорфизмом, плавающими частицами, анимациями раскрытия. Голосовой наставник, градиенты, свечения.

Версия v3 с переключателем режима фраз. Включает подписи к текстовым блокам и копирование их имён в буфер обмена.

Версия, полностью сгенерированная из файла _skills/phrases.md через скилл phrases-to-site. Обновлённые тексты: hero, problem, footer.

Повторная генерация из _skills/phrases.md через скилл phrases-to-site. Подтверждение воспроизводимости.

Блог-лендинг с карточками статей, тёмным хедером/футером, подпиской и тумблером фраз. Дизайн вдохновлён onstartups.com.

Генерация из phrases.md. Новый hero: «Система активного усвоения информации», subtitle: «От результата — к знанию».

Пробная генерация светлой версии из phrases-to-site-white для проверки работоспособности.

Блог-лендинг, сгенерированный из phrases.md через phrases-to-site-white. Светлый контент, тёмный хедер/футер, 8 постов, подписка, тумблер фраз.

Карточки блога заменены на методику и упражнения: практика, наставник, подсказки, юмор, логопедия, арифметика, языки, бытовые навыки.

Светлый блог, где вместо плавной волны — диагональные молнии-разделитель разной высоты.

Высота молний 30px вместо 60px, наклон в 3 раза больше — зубцы частые и острые.

Высота 30px, шаг 60px между пиками — молнии не «частокол», а разреженные разряды.

Все 6 идей разделителей друг за другом: осциллограмма, спектрограмма, штрих-код, синусоида, диалоговые пузыри, морзе-код.

Осциллограмма штрихами, спектр/штрих-код/морзе на всю ширину.

Версия из phrases-to-site-white, волна заменена на спектрограмму (частоты голоса).

В два раза уже: высота полосы 30px вместо 60px.

Высота полосы 20px (30px − 1/3).

Карточка методики сокращена до «Сначала практика». Спектрограмма 30px.

Бары #9ca3af — вдвое темнее светлого фона #f5f5f7.

Светлый блог из обновлённого phrases.md: card3-title → «Подсказки», card3-text → «Подсказки ведут вас...»

hero-subtitle: «Обучаемся — играя!», post1-title: «От результата — к знанию», скилл обновлён.

hero-title: «Обучаемся — играя!», hero-subtitle: «Система активного усвоения информации».