Halcyon X

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