Kairo Studio — Agency & Portfolio Website Template for Next.js 16, Tailwind 4 & shadcn/ui

A bold, editorial website for design studios, agencies and freelancers. Kairo Studio shows your work through rich case studies and turns visitors into qualified project briefs. Built with Next.js 16, Tailwind CSS 4 and shadcn/ui.

Live demo: kairo-studio-demo.jeffev123.workers.dev

Pages

• Home: availability badge, huge headline, showreel, client marquee, featured work, services, stats, process, testimonials, journal and call to action
• Work: project grid with a discipline filter kept in the URL
• Case study: client, industry, year and services, challenge, approach, gallery, big-number results, client quote and next project
• Services: deliverables, timelines and starting prices, process and FAQ
• About: story, values, team, awards and clients
• Journal and article pages
• Contact: project brief form with services, budget and timeline chips, validation and confirmation

Why Kairo Studio

• One form function: connect briefs and newsletter sign-ups to your CRM or form service in minutes
• Typed content for projects, services, team and posts, ready for a CMS
• Light and dark themes, responsive down to 360 px, reduced-motion support
• SEO built in: JSON-LD for case studies and articles, sitemap, robots.txt, Open Graph
• Static export: host it anywhere (Cloudflare, Netlify, Vercel, S3)
• 100% TypeScript, zero lint errors

What you get

• Full source code (ZIP)
• README with setup, customization, forms and deployment
• Free lifetime updates

License

• Personal ($29): one end product for you or one client
• Commercial ($59): unlimited end products for you and your clients

You can't resell or redistribute the template itself (see LICENSE.md). Demo photos are from Unsplash and are not included.