Outkast, an Astro & Tailwind CSS agency template

Outkast — Agency theme for Astro & Tailwind CSS

Outkast is a calm, clarity-focused theme for modern agencies and creative studios. With a soft light palette, neutral accents, and structured layouts, it strikes the right balance between professionalism and approachability. Perfect for design portfolios, client case studies, and service-driven presentations.

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

• Ready-made pages for landing, about, services, team, work, and blog
• Clean layouts designed for showcasing case studies and client projects
• Reusable components (buttons, links, text, wrappers, etc.) built with the OKLCH color system
• Search powered by Fuse.js for fast filtering across content
• Blog pagination included for scalable publishing
• SEO-optimized with Astro SEO, RSS, and Sitemap integrations
• Organized file structure with a style guide and ongoing updates

Optional CMS

Outkast 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

The theme is built with OKLCH color values in Tailwind v4, ensuring consistent rendering, accessible contrast, and easier theming across light and dark palettes.

Why choose Outkast?

• Minimalist Swiss-inspired layouts with a calm visual presence
• Tailored for agencies needing a professional but approachable aesthetic
• Strong typographic system for clarity in portfolios, case studies, and services
• Fast setup and deployment with Astro’s static-first architecture
• Ideal for creative studios, boutique agencies, and service teams who value clean design