Cadence

What Is the Cadence Template?

Cadence is a refined marketing template by Cruip for product, software and startup teams who want their site to feel effortless. Understated typography, a balanced dark mode and calm, motion-driven sections give your product a premium feel.

It comes in two versions, each downloaded as a separate .zip file:

• Next.js 16 with TypeScript and Tailwind CSS v4

• Astro 6 with Tailwind CSS v4 for fast, content-focused sites

Cadence is sold on its own or as part of Cruip's Modern Bundle.

Features ✨

• Calm, Premium Design: Understated typography with a balanced dark mode

• Motion Animations: Smooth, Motion-based section animations

• Modular Sections: Interchangeable section blocks you can reorder and remix

• MDX Legal Pages: Privacy and terms content powered by MDX

• SEO Ready: Metadata wired in from the start

• Figma File: Matching design file for visual reference

Included Pages 📒

• Product-led Home Page

• About & Pricing pages

• FAQ page

• Contact page with a fully validated form

• Authentication: Log-in and sign-up screens

• Privacy & Terms pages

(In total, you get 8+ ready-made pages.)

Pros and Cons

Pros ✅

• Premium Feel: Calm motion and refined typography out of the box

• Two Frameworks: Choose Next.js or Astro

• Launch-Ready Basics: Pricing, FAQ, contact, auth and legal pages included

• Commercial License: Use it in unlimited personal, commercial and client projects

Cons ⚠️

• Smaller Page Set: No blog, docs or changelog pages

• No HTML or Vue Version: Only Next.js and Astro are provided

• Learning Curve: Requires familiarity with Tailwind CSS and the chosen framework

Integration

• Motion: Section animations built with the Motion library

• MDX: Edit legal content as MDX files

• Next.js or Astro: Deploy to any host that supports your framework

• Figma: Use the matching Figma file for design tweaks