Gemento - Astro 7 Theme for SaaS & Task-Management Startups

Gemento — Astro 7 Theme for SaaS & Task-Management Startups

A dark, fast, conversion-ready site for your software product — live in an afternoon.

Gemento is a complete SaaS and task-management startup theme built on Astro 7. Every page pre-renders to static HTML, so it loads instantly and deploys anywhere — and it ships zero framework JavaScript, just one small vanilla script.

Live demo: https://gemento-astro.vercel.app

WHAT'S INSIDE

• 16 page templates — 27 static pages per build: home, about, features, pricing, integrations, blog, contact, style guide, license, changelog, privacy policy, terms & conditions, 401, 404

• Integrations directory — 6 integration pages behind five category tabs, each with its own header, summary and Markdown body; the card and the page carry their own copy and glyph

• Blog — 7 MDX posts with author, role, portrait, date and read-time meta, hero and card crops, an authored table-of-contents column, three related posts and a copy-link control

• An article is written in blocks, not one column — prose, numbered steps, a figure, a pull quote and a checklist, each with the design's own wrapper and reveal timing; a Markdown ordered list becomes the numbered steps and a bullet list becomes the checklist, so there is almost nothing to remember

• Motion that earns its keep — scroll reveals at the offsets the original interaction payload recorded, two scroll-linked About timelines, CSS-only logo marquees at three speeds, and a hover-and-keyboard "Pages" dropdown — all in one vanilla script, all respecting prefers-reduced-motion

• Edit content, not code — posts and integrations are Markdown files with frontmatter; the order each listing shows is one JSON file. Add an entry and the listing and its detail page update automatically

• One FAQ, every page — the three-tab category accordion ships identically across the site from a single component, with per-page ids so it stays valid wherever it lands

• Design-token system — the brand palette plus the full type scale (sizes, line heights, letter-spacing) and the responsive padding, margin and radius steps are CSS custom properties; re-theme the whole site from one :root block, no utility framework to learn

• Self-hosted fonts — Intertight and Gilroy as woff2, four weights each, no CDN requests

• TypeScript throughout, zod-validated content schema

TECH STACK

Astro 7 · MDX · TypeScript · hand-crafted CSS · one vanilla interaction script — no React, no Tailwind, no framework runtime

REQUIREMENTS

Node.js 22.12+ and npm. Deploys to Vercel, Netlify, Cloudflare Pages, GitHub Pages, or any static host — no server needed.

LICENSE

One license = one end product (your site or a client's). Building multiple sites? Buy one license per project. You may not resell or redistribute the source.

SUPPORT

Questions or stuck on setup? Email contact@kaziehsan.com — we answer every buyer.