Sentinel is a premium cybersecurity SaaS theme built from the ground up with Astro 5 and Tailwind CSS v4. Designed dark-first with a cyan/violet color palette, geometric aesthetics, and glassmorphism effects, it delivers the polished look that enterprise security products demand — while being fully adaptable to any SaaS niche.

What’s Included

Sentinel ships with 13 production-ready pages: Home, About, Features, Pricing, Blog (listing + individual posts), Contact, Integrations, Reviews, Changelog, Elements (UI kit), Privacy Policy, Terms of Service, and a custom 404 page. Every page is fully responsive across mobile, tablet, and desktop breakpoints with intentional dark and light mode designs — not an afterthought toggle, but two carefully crafted visual experiences.

The theme features hand-crafted SVG dashboard mockups throughout — a full cybersecurity dashboard in the hero section and six unique feature illustration variants (data vault, identity management, incident response, compliance dashboard, threat intelligence, and API security gateway). These are inline SVGs that adapt to the theme’s color system and dark/light modes automatically, with zero external image dependencies.

Built for Modern Astro

Sentinel uses Astro 5’s latest features: the <ClientRouter /> component for smooth page transitions with theme state persistence, Content Collections with the glob() loader for the blog, and @tailwindcss/vite for Tailwind v4’s CSS-native configuration (no tailwind.config.mjs needed). Fonts are self-hosted variable fonts (Space Grotesk for headings, Inter for body text) — no external CDN calls at runtime.

Developer-Friendly Customization

All content is externalized into JSON data files — swap out the company name, navigation links, features, pricing tiers, team members, testimonials, FAQ items, integrations, and changelog entries without touching component code. A single site-config.json controls the site identity, social links, and footer content. The design system is defined entirely in CSS custom properties within global.css, making color and typography changes a single-file edit.

SEO and Performance

Every page includes unique meta tags, Open Graph data, Twitter cards, and JSON-LD structured data (WebSite schema for pages, Article schema for blog posts). The theme ships with automatic sitemap generation, a robots.txt, and an Open Graph image template. Built as fully static output for maximum performance and easy deployment to Netlify, Vercel, or any static host.