Back to themes

Slab - Neo-Brutalist Astro SaaS Theme

Neo-brutalist SaaS / startup theme - thick ink borders, hard offset shadows, clashing block color, a fake product-window hero, and a seamless logo marquee. Built on Astro 6 + Tailwind v4, ships with a full config-driven section library.


Cost

Paid


Created by
AeroLaunch

Slab is for SaaS startups, indie tools, and developer products whose landing page should look like it has an opinion - not the blue-gradient sameness everyone else ships. A neo-brutalist system built on purpose: 3px ink borders, hard offset shadows, and a clashing block palette (cobalt, acid, bubble, lime, grape, tangerine) used as flat color, never gradients. Buttons physically press into their shadow on click. The hero ships a fake "app.slab.co" product window with a live-looking bar chart, and the logo marquee loops seamlessly with no gap on any screen width.


Built on Astro 6 + Tailwind v4 with TypeScript. Every visible string, link, pricing tier, logo, and contact channel reads from a single config file - branding the site is a one-file edit, no component changes needed.

Who it's for

  • SaaS startups and indie software products
  • Developer tools and APIs
  • Analytics / dashboard / data products
  • Bootstrapped founders who want personality, not a template
  • Product launch landing pages

What's distinctive

  • Neo-brutalist design system - 3px ink borders, hard offset shadows, flat clashing block colors, zero gradients or soft drop-shadows
  • Tactile press buttons that translate down into their shadow on click
  • Fake product-window hero with a live-looking bar chart, doing the work a product screenshot normally would
  • Seamless logo marquee - auto-fills to exceed any viewport and loops with no gap or snap; pauses on hover, respects prefers-reduced-motion
  • Tabbed "see it in action" section - switch panels to swap synced copy + a window mock + chart
  • Stats, integrations grid, 3-tier pricing (featured-middle), FAQ, and pull-quote testimonials

What's included

  • Full source: Astro 6 + Tailwind v4 + TypeScript
  • 10 pages: Home, Pricing, About, Blog index + post, Contact, All-Sections gallery, Privacy, Terms, 404
  • 16 reusable sections you can rearrange
  • One-file config at src/config/site.ts (no code changes needed for branding)
  • Contact form (Formspree / FormSubmit / Netlify) + Newsletter (Mailchimp / ConvertKit / Buttondown)
  • Production-ready deploy configs for Vercel, Netlify, and Cloudflare Pages
  • Lifetime updates for this theme
  • Documentation at aerolaunch.app/docs/themes/slab