Halcyon X

About this template

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