Studiomax, an Astro & Tailwind CSS agency template

Studiomax is a no-nonsense agency template featuring a dark-mode aesthetic, punchy gradients, and structured layouts. Designed to showcase your work with clarity and style.

Studiomax page preview
Studiomax page preview
Studiomax page preview
Studiomax page preview
Studiomax page preview
Studiomax page preview
Studiomax page preview
Studiomax page preview
Studiomax page preview

Studiomax — Agency theme for Astro & Tailwind CSS

Studiomax is designed for studios, freelancers, and creative agencies that want to balance flair with professionalism. With a dark-mode foundation, glowing gradients, and structured layouts, it delivers a confident aesthetic without overcomplicating the design.

Specifications

  • Built with Astro v5 + Tailwind CSS v4
  • High Lighthouse scores across Performance, Accessibility, Best Practices, and SEO
  • Fully responsive and optimized for modern browsers

Benefits

  • Multiple landing page options with bold gradient accents
  • Dedicated sections for work, services, and team presentations
  • Content collections for blogs, case studies, and legal pages
  • Reusable components (buttons, links, wrappers, typography) using the OKLCH color system
  • Built-in search powered by Fuse.js for quick in-site filtering
  • Blog pagination for structured content browsing
  • SEO-ready with Astro SEO, Sitemap, and RSS integrations
  • Clean file structure with ongoing updates and a style guide

Optional CMS

Studiomax includes a preconfigured .pages.yaml file that connects your content collections directly to PagesCMS.
All integration happens automatically when you link your repo inside the PagesCMS dashboard—no changes are made to the template code. You keep a pure Astro + Tailwind CSS setup with the option to use PagesCMS anytime.

Modern color system

Uses OKLCH color values, ensuring consistent rendering, theming flexibility, and forward-looking color management with Tailwind CSS v4.

Why choose Studiomax?

  • Dark aesthetic with modern gradients for a professional yet creative look
  • Flexible layouts for projects, services, blogs, and case studies
  • Consistent component library styled with Tailwind v4 and OKLCH color tokens
  • Fast, SEO-friendly, and easy to deploy with minimal setup
  • Ideal for digital agencies, design studios, and independent creatives who want impact and clarity in one package
Photo of Steve Ruiz

Love the design work

Steve Ruiz

Founder at tldraw.com

Photo of Fred Schott

Michael has been dropping some amazing premium themes for Astro lately.

Fred Schott

CEO of Astro.build

Photo of Guillermo Rauch

Chief, nice work.

Guillermo Rauch

vercel.com

Photo of Alex Hughes

Lexington Themes is honestly one of the best deals any engineer/web designer could make. It will speed up your next project 10x.Multiple great themes, with dozens of components and page designs ready to go. All built with tailwind, so you can easily make changes to make it stand out or swap to a different framework.Well worth a go!

Alex Hughes

letsloopin.com

Read all reviews