Prism

Prism is a modern blog and online magazine theme for Celena CMS. White canvas, graphite type, one signature accent — a violet-to-pink gradient that runs through buttons, badges, numbers and underlines. Everything moves a little: nothing blinks.

• Hero slider across the full width of the screen: five lead stories, photo edge to edge, a rubric badge, a headline and an animated «Read» button. Autoplay pauses on hover and focus, arrows and dots sit on one line with the content, swipe works out of the box — CSS scroll-snap plus a few kilobytes of JavaScript, no libraries.
• Front page: a three-column feed with cards that lift and zoom their photo on hover, a horizontal rubric slider with gradient-tinted tiles, a most-read block with oversized gradient numerals, one section per rubric and a gradient subscription panel.
• Article: a full-width cover with a soft parallax, a reading-progress bar pinned to the top of the window, a white card overlapping the cover, large 18px type, styled quotes, lists, tables and code, share buttons with copy-link, a «Read next» carousel and the built-in comment form.
• Header that starts transparent over the hero and turns white with a shadow as you scroll: gradient word-mark, rubric menu, a search field that opens on click and a burger drawer on mobile.
• Everything else in the same key: rubric listings with a sticky sidebar, search, static pages, a 404 with a fresh feed and the visitor account (sign-in, registration, profile, security).
• Motion with manners: sections fade up on scroll via IntersectionObserver, buttons fill left to right, icons shift on hover. Every animation is switched off under prefers-reduced-motion, focus rings are visible, controls are labelled for screen readers.
• Responsive at 1200 / 900 / 620 px. Light-only, system sans-serif stack, monochrome inline SVG icons, no web fonts and no external CDN — CSP-friendly out of the box. Storefront templates for the Shop plugin are included.