Lumen

Lumen — неторопливый онлайн-журнал для Celena CMS. Тёплое песочное поле вместо плоского белого, тёмно-синий текст, один бирюзовый акцент и маленькие жёлтые метки, которые показывают начало секции. Ничего не кричит — всё движется мягко.

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