Lumen

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

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