Одна система — любой сайт

Реализовано 7

• Метки живут в отдельном слое .nx-tag-layer поверх страницы (z-index 2147483000) и всплывают при наведении на область
• Позиция считается по области правки — метка всегда у её левого верхнего угла
• CSS шаблонов больше не может перекрыть метку или перехватить клик
• Подсветка области (пунктирная рамка) сохранена

Реализовано 9

• Введена переменная --nx-gutter (1,25–2,5rem): все блоки под материалом (похожие, отзывы, обсуждение, действия, модули шаблонов, оглавление курса) держат одинаковые поля
• Сводка отзывов и сортировка больше не прилипают к краю карточки
• Поле поиска с иконкой: текст отступает от лупы (было наложение)
• Правило записано в глобальный CSS и в инварианты проекта — новые шаблоны получают его автоматически

Реализовано 8

• Кадр всегда 1:1 и заполняется целиком: фото больше не обрезаются и не прыгают в масштабе от слайда к слайду
• Товар показывается полностью (contain) на тёплой студийной подложке
• Миниатюры — в том же кадре и на той же подложке
• Полноширинная полоса под товаром, а не тесная колонка справа

Реализовано 3

• Фон секции, линии и текст карточек — из переменных темы
• Номер урока сохраняет акцент языка
• Все пять шаблонов уроков — 1.2.1, опубликованы на витрине

Реализовано 8

• Заголовок 800 с фирменной линией языка, подпись капителью
• Карточки — нумерованные уроки: иконка языка в акцентной рамке, номер урока капителью, антикварный заголовок, краткий текст, время чтения и дата
• Сетка с волосяными разделителями, без коробок и теней; у каждого языка свой акцент (HTML — оранжевый, CSS — синий, JS — жёлтый, PHP — фиолетовый, Git — красный)
• Заголовок антиквой, ответы — антикварным набором в мере 68 знаков

Реализовано 2

• Плашка «Верхний баннер — 1/3» скрыта на всех слайдшоу
• Навигация осталась: линейные индикаторы и стеклянные стрелки

Планируется 1

• Последний блок — уроки (HTML, CSS, JS, PHP, Git)

Реализовано 9

• Кадр во всю ширину страницы (до 96rem) без скруглений и тени, минимум 320–620px по высоте
• Градиентная вуаль снизу — заголовок читается на любом фото
• Крупный заголовок 800 (до 3,2rem), подзаголовок шириной 48 знаков и белая капительная кнопка
• Индикаторы — короткие линии: 22px, активная 46px; стрелки — стеклянные квадраты 56px с блюром

Планируется 1

• Последний блок — уроки (HTML, CSS, JS, PHP, Git): учебное издание

Реализовано 7

• Кадры галереи заполняют рамку целиком (cover) — товар крупный, без пустого поля вокруг
• «О товаре» — редакционный блок: капительный заголовок с линией, крупный лид антиквой, текст в мере 64 знака и список с тонкими галочками вместо серой плашки
• «В статье» — оглавление из заголовков: капительные чипы-якоря над текстом, собираются автоматически (до 8 разделов)
• Полоса прогресса чтения вверху страницы

Планируется 1

• Следующий — «Слайдшоу», затем уроки

Реализовано 8

• Полоса сводки: выпусков, последняя версия моноширинным, дата, пункты в планах — крупными числами
• Карточки — таймлайн: круг-маркер на вертикальной линии, версия в рамке, дата и бейдж важности капителью
• План — отдельной панелью с пунктирным маркером и планом-списком в две колонки
• Строки изменений — с квадратными маркерами и волосяными линиями, без цветных заливок

Планируется 1

• Следующий — «Слайдшоу»: премиальный кинематографичный баннер