Clearwave Template

Clearwave is a free SaaS landing page template built with pure HTML, CSS, and JavaScript - no frameworks, no dependencies. Designed around a distinctive seafoam palette with deep teal accents, it breaks away from the tired purple-gradient AI template aesthetic and delivers something genuinely calm, editorial, and premium. The typography pairs DM Sans for body text with Playfair Display for italic hero moments, and every interaction is tuned to a custom silk easing curve for a smooth, considered feel throughout.

The centerpiece is a fully interactive 3D phone screenshot carousel with perspective depth, side-card rotation, autoplay, touch swipe support, and a 5-step zoom control so visitors on any screen size can explore the app screens comfortably. Alongside it, the template includes a complete set of sections covering everything a modern SaaS product page needs - from a live dashboard hero and animated metric counters to a monthly/annual pricing toggle with a 35% discount, a masonry testimonials grid, an integration pill cloud, and a smooth CSS Grid FAQ accordion. Fully responsive across desktop, tablet, and mobile with a staggered full-screen mobile menu.

Features

+ Seafoam / deep teal light-mode color palette - distinctive, not generic
+ 3D perspective phone screenshot carousel with rotateY depth and scale
+ 5-step zoom control on carousel - adjustable from compact to large
+ Autoplay carousel with pause on hover and touch swipe support
+ Hero section with live dashboard mockup and animated floating badges
+ Infinite logo ticker strip with pause on hover
+ 3 alternating feature rows with inline UI mockups
+ Animated stat counters triggered on scroll (Intersection Observer)
+ Monthly / Annual pricing toggle with 35% discount and annual total display
+ Masonry testimonials grid with tall featured card
+ Integration pill cloud - 16 tools, flex-wrap layout
+ CSS Grid FAQ accordion with expand-all toggle and keyboard accessibility
+ Full-width dark CTA banner with radial teal glow
+ 4-column footer with X, LinkedIn, YouTube, and TikTok SVG social icons
+ Scroll-reveal animations on all sections
+ Full-screen mobile menu with staggered entrance and overflow-y scroll
+ Silk easing cubic-bezier(0.16, 1, 0.3, 1) on all transitions
+ Single HTML file + separate CSS and JS files included
+ Free for personal and commercial use