Kotei, an Astro & Tailwind CSS agency template

Kotei — Agency theme for Astro & Tailwind CSS

Kotei is a minimalist dual-mode template built for modern studios and creative agencies. With a Swiss-inspired aesthetic, strict grids, and clean typography, it puts clarity first—allowing your portfolio and case studies to take center stage without distractions.

Specifications

• Built with Astro v5 + Tailwind CSS v4
• High Lighthouse scores across Performance, Accessibility, Best Practices, and SEO
• Fully responsive with light and dark mode support

Benefits

• Multiple layouts for work, blog, and store pages
• Studio, about, and team sections for showcasing agency structure
• Reusable components (buttons, grids, wrappers, typography) built with the OKLCH color system
• Built-in search powered by Fuse.js for instant content discovery
• Blog pagination included for cleaner navigation across posts
• Optional animations with AOS for added visual energy
• SEO-ready with Astro SEO, Sitemap, and RSS integrations
• Clean file structure with ongoing updates and a style guide

Optional CMS

Kotei includes a preconfigured .pages.yaml file that links your content collections directly to PagesCMS.

When you connect your repo in the PagesCMS dashboard, the file is detected automatically—no edits to the template are required. This means You keep a pure Astro + Tailwind CSS setup with the option to use PagesCMS anytime.

Modern color system

The theme uses OKLCH color values for its palette, ensuring consistent rendering, future-proof theming, and easy customization when adapting Kotei to your agency’s branding.

Why choose Kotei?

• Minimalist design language built on proven Swiss-style grids
• Dual light/dark modes for versatility across different brands
• Powered by Astro for speed and Tailwind CSS for maintainability
• Perfect balance between portfolio clarity and blog-ready publishing
• Scales seamlessly from small creative studios to larger agencies