Back to themes

Clavo

Creative design-agency theme with case studies, blog, pricing, and a cart-aware checkout. Astro 6, fully static — zero framework JavaScript, one small vanilla script.


Cost

Paid


Created by
Waida Studio

Clavo is a creative and design-agency theme built on Astro 6, generating 37 fully static pages per build.

Pages: home, about, services with 5 MDX service pages, works with 9 MDX case studies, blog with 6 MDX posts, pricing, contact, product detail pages, cart-aware checkout, PayPal checkout, order confirmation, style guide, license, changelog, 401 and 404.

Zero framework JS — every page is a static Astro component; all interactivity (full-screen nav, mega-dropdown, FAQ accordion, pricing tabs, promo slider, scroll-reveal) is one small vanilla script bundled by Astro.

Content collections — blog, works, and services are MDX with zod-validated frontmatter; add a Markdown file and the listings and detail pages update automatically.

Working cart — localStorage persistence with a mini-cart drawer, cart-aware checkout, and order confirmation.

Design tokens — original hand-crafted CSS with custom-property tokens: brand colors, responsive type scale, spacing.

Self-hosted fonts — no CDN requests.

Deploy anywhere — pure static output, no adapter needed. Vercel, Netlify, and Cloudflare Pages auto-detect it.