Prism

Prism — современная тема блога и онлайн-журнала для Celena CMS. Белое поле, графитовый текст и один фирменный акцент — градиент от фиолетового к розовому в кнопках, бейджах, номерах и подчёркиваниях. Всё немного двигается, но ничего не мигает.

• Hero-слайдер во всю ширину экрана: пять главных материалов, фото на весь блок, бейдж рубрики, крупный заголовок и анимированная кнопка «Читать». Автопрокрутка останавливается при наведении и фокусе, стрелки и точки стоят на одной линии с контентом, свайп работает из коробки — CSS scroll-snap плюс пара килобайт JavaScript, без библиотек.
• Главная: лента карточек в три колонки с подъёмом и зумом фото при наведении, горизонтальный слайдер рубрик с градиентными плитками, блок «Читают чаще всего» с крупными градиентными номерами, секции по рубрикам и градиентная плашка подписки.
• Статья: обложка во всю ширину с мягким параллаксом, полоса прогресса чтения вверху окна, белая карточка, наезжающая на обложку, крупная типографика 18px, оформленные цитаты, списки, таблицы и код, кнопки шаринга с копированием ссылки, карусель «Читайте также» и встроенная форма комментариев.
• Шапка, которая начинается прозрачной поверх hero и становится белой с тенью при скролле: логотип-слово с градиентом, меню рубрик, поиск, раскрывающийся по клику, и бургер со шторкой на мобильном.
• Остальное в том же ключе: списки рубрик с липким сайдбаром, поиск, статические страницы, 404 со свежей лентой и кабинет посетителя (вход, регистрация, профиль, безопасность).
• Анимации с манерами: секции проявляются при скролле через IntersectionObserver, кнопки заливаются слева направо, иконки сдвигаются при наведении. Всё движение выключается при prefers-reduced-motion, фокус видно, элементы управления подписаны для скринридеров.
• Адаптив 1200 / 900 / 620. Только светлая тема, системные шрифты без засечек, одноцветные inline-SVG иконки, без веб-шрифтов и внешних CDN — с CSP работает из коробки. В комплекте шаблоны витрины для плагина «Магазин».