Prism

Prism — сучасна тема блогу та онлайн-журналу для Celena CMS. Біле поле, графітовий текст і один фірмовий акцент — градієнт від фіолетового до рожевого в кнопках, бейджах, номерах і підкресленнях. Усе трохи рухається, але ніщо не блимає.

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