Caelo

Caelo is a dark, violet-lit template for AI products, SaaS tools and automation

startups — a landing page built to carry a product that has to explain itself

in one scroll.

A complete one-page landing, plus a blog: hero, logo strip, stats, product

showcase, feature bento, testimonials, pricing, contact and recent posts,

closing on a call to action and footer. The blog is a real Framer CMS

collection with a generated post page, so publishing an article is adding a

CMS item — no page duplication.

Motion carries the page. Headlines assemble word by word. The hero's product

cards scatter into place. The showcase app scrubs as you scroll, the statistics

count up, and the testimonial rail pages around a video that plays in place.

The pricing toggle swaps every figure between monthly and yearly. Cards tilt in

3D under the cursor, a soft violet glow follows the pointer, and a light

travels the border of the large panels. All of it honours

prefers-reduced-motion.

Set in Geist on near-black, with a violet-to-orchid gradient doing the accent

work and a restrained grey scale underneath.

Built to edit, not to fight:

• Laid out for desktop, tablet and phone (1440 / 810 / 390), with no horizontal

scroll at any width.

• A real mobile menu that builds itself from the header items on the page.

• A contact form with working fields, ready to point at your own endpoint.

• Gradients, shadows and hairlines are driven by named tokens from a small set

of code components, so a restyle happens in one place instead of layer by

layer.

Change the words and the screenshots and it's yours.