A quiet, production-ready template for an AI SaaS startup. Built with Tailwind CSS (CDN), vanilla HTML, and scoped JS. No frameworks, no build step.
Pages
Components
Frameworks
Static HTML
Every page is self-contained, fully responsive, and ready to deploy. Click any card to open the page.
Complete SaaS landing: hero, logos, features, workflow, bento grid, integrations, testimonials, metrics, pricing, FAQ, CTA.
Capability grid, detailed sections, comparison table, and CTA. Showcase what your AI can do.
Ecosystem grid, API + SDK section, and CTA. Connect your platform to everything.
Plans with billing toggle (JS), comparison table, enterprise section, and FAQ.
Hero, metrics, featured case study, testimonials, brand showcase, and CTA.
Featured article, categories, article cards, and newsletter signup.
Article header, author block, reading area, tags, and related articles.
Sidebar navigation, search bar, code blocks, and on-this-page TOC.
Split-screen authentication: branding panel + email/password + social login.
Benefits panel + registration form + social signup. Convert visitors into users.
App UI: sidebar, top nav, analytics cards, charts, model mix, activity, and cost tracking.
Reference snippets you can copy into any page. Self-contained, styled with Tailwind, no server includes.
Sticky glass navbar + mobile menu with scoped JS. Includes aria-expanded states.
Brand, link columns, newsletter, social icons, and legal bar.
Button system: solid, outline, ghost, pill badge, dark variant.
Eyebrow, gradient text, glass card, stat, avatars, marquee, accordion.
Warm neutrals with a single terracotta accent. Calm, editorial, and unmistakably human.
#F9F7F4
Background
#F3EFEA
Surface
#1C1917
Text
#E07A5F
Accent
#C85D42
Accent Hover
#FBE5DE
Tint
#E8E2D9
Border
#FFFFFF
Cards
Zero dependencies. Just clean, hand-crafted code.
Via CDN. No build step required.
Scoped, readable, production-ready.
No React, Vue, Bootstrap, or other deps.
Serve the folder with any static server
python3 -m http.server
then visit http://localhost:8000/Tailwind/Templates/ai-saas-platform/preview.html
Inclusive by Design
Every interaction is keyboard-accessible
✓ Semantic landmarks for screen readers
✓ High contrast text on light background (WCAG AA)
✓ Touch targets ≥ 44px on mobile
✓ Reduced-motion fallbacks
Open the preview gallery, browse all 11 pages, and start customizing. Swap the brand, copy, and colors to match your product.