Studiomax, an Astro & Tailwind CSS agency template

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