A soft-gradient Astro landing template for SaaS — 3 pages, scroll animations, and interactive magnetic CTAs.

Loopwise is a 3-page marketing site template for SaaS products, built with Astro. Designed around a "customer feedback OS" concept, it's easily adaptable to any B2B product.

Pages: Home, Product, and Solutions — each with a distinct hero treatment, consistent nav with active-page states, and matching CTA sections.

Design: Editorial serif display type (easily swapped) paired with Geist body and mono, soft blurred gradient blobs, cymatic noise textures, and a restrained blue/lavender/sage palette. Fully responsive down to mobile.

Interactions:

Scroll-reveal animations with staggered cascades
Lenis smooth scrolling
Magnetic arrow CTA, cursor-follow glow cells, and a text-roll button
Expanding testimonial accordion with synced pagination dots
Scroll-linked word-by-word story reveal
Sticky scroll-spy feature navigation

Under the hood: Astro 5 + Tailwind, zero client frameworks — everything is vanilla CSS/JS, so it ships fast and scores well on Lighthouse. Reduced-motion preferences are respected throughout, and content is never hidden without JS.

Swap the copy, colors, and logo, and it's ready to launch.

Loopwise

Comments (0)