Halcyon X

Halcyon X is a dark, editorial template for design studios and agencies who'd rather be remembered than blend in.

Halcyon X is a dark, editorial template for design studios and agencies who'd rather be remembered than blend in. Oversized Space Grotesk display type, Instrument Serif accents and a single electric-blue highlight carry nine pages with motion built into every section. Pages Home, work index, case study detail, about, services, blog, blog post, contact and a designed 404 Custom code components Colour-inverting cursor — flips automatically against whatever is behind it, grows over clickable elements, and disables itself on touch and for reduced-motion users Smooth scroll with a Max Reach cap so the page never coasts past your section, plus stop-on-click Page preloader with once-per-session mode and a failsafe Scroll reveal that finds and staggers every section automatically, skipping sticky and decorative layers CMS Projects, with a linked Services collection for per-project tagging Blog, with category filters driven from the collection itself — publish a post and it lands under the right filter with no canvas work Rebrand in minutes 7 colour styles: change the accent once, it propagates everywhere 40+ text styles with dedicated tablet and phone scales 27 components: navigation with hamburger menu, five button variants with hover states, pricing with a monthly/yearly switch, testimonials, FAQ accordion, marquee, blog cards, service tags and a structured footer

Dark editorial studio portfolio