Halcyn: an AI SaaS template where a visor lands on the eyes as you scroll
Hey everyone π
I just finished Halcyn, a calm, cinematic Framer template for AI products and SaaS. Most of it is motion that a screenshot can't show, so here's what to look for when you open the preview:
- The hero: the headline comes in word by word, with "operator" in a gradient Fraunces italic. An aurora glow drifts behind it, and the task board tilts toward your cursor while the agent chips drift around it. The cards on the board move between columns on their own, and an agent replies in the side panel.
- The scroll story: about a third of the way down, a gradient visor floats in, large and tilted. As you scroll it shrinks, straightens and drops, and lands right on a portrait's eyes. A dark silhouette rises from below and fades into the photo, and the mono labels around it ("SEES CONTEXT", "ACTS 24/7") scramble until they resolve.
- The rest: a dark section that opens to full width as you reach it, and an Ask console that types a question and streams a sourced answer. There's also a pulse that travels Slack β Halcyn β GitHub β Report, an integrations orbit that slows down when you hover it, and stats that count up (yes, the 3.4Γ lands on the decimal).
What's inside
- 9 pages: Home, About, Pricing, Blog, Blog Post, Use Cases, Use Case detail, Contact, 404
- 17 home sections
- 4 CMS collections (Posts, Use Cases, Testimonials, FAQ) with detail pages
- Desktop, tablet and phone layouts, with a phone menu drawer
- A working contact form, global color and text styles, and SEO on every page
Live preview: https://faithful-advocate-318755.framer.app
Try scrolling slowly through the "See work the way Halcyn does" section. That's the part I'm proudest of. Feedback welcome, especially on how the motion feels on phone.
Halcyn: an AI SaaS template where a visor lands on the eyes as you scroll
Hey everyone π
I just finished Halcyn, a calm, cinematic Framer template for AI products and SaaS. Most of it is motion that a screenshot can't show, so here's what to look for when you open the preview:
- The hero: the headline comes in word by word, with "operator" in a gradient Fraunces italic. An aurora glow drifts behind it, and the task board tilts toward your cursor while the agent chips drift around it. The cards on the board move between columns on their own, and an agent replies in the side panel.
- The scroll story: about a third of the way down, a gradient visor floats in, large and tilted. As you scroll it shrinks, straightens and drops, and lands right on a portrait's eyes. A dark silhouette rises from below and fades into the photo, and the mono labels around it ("SEES CONTEXT", "ACTS 24/7") scramble until they resolve.
- The rest: a dark section that opens to full width as you reach it, and an Ask console that types a question and streams a sourced answer. There's also a pulse that travels Slack β Halcyn β GitHub β Report, an integrations orbit that slows down when you hover it, and stats that count up (yes, the 3.4Γ lands on the decimal).
What's inside
- 9 pages: Home, About, Pricing, Blog, Blog Post, Use Cases, Use Case detail, Contact, 404
- 17 home sections
- 4 CMS collections (Posts, Use Cases, Testimonials, FAQ) with detail pages
- Desktop, tablet and phone layouts, with a phone menu drawer
- A working contact form, global color and text styles, and SEO on every page
Live preview: https://faithful-advocate-318755.framer.app
Try scrolling slowly through the "See work the way Halcyn does" section. That's the part I'm proudest of. Feedback welcome, especially on how the motion feels on phone.