This template has been fully updated to Astro v6 for optimal compatibility and performance.
Who is this template for?
- Creative studios and design agencies.
- Independent designers and art directors.
- Freelancers and solo creatives.
- Photographers and visual artists.
- Developers building a personal portfolio.
General Features
- Ultra-fast Performance: Built with Astro 6 for blazing-fast load times.
- Light & Dark Mode: A polished theme system that adapts to your visitor's preferences.
- Fully Responsive: Looks perfect across mobile, tablet, and desktop.
- Cinematic Motion: Smooth scrolling and elegant scroll-triggered animations powered by GSAP.
- Animated Fullscreen Menu: An immersive navigation experience with hover effects and blur.
- Works Portfolio: Beautiful project listings with dedicated case study pages and related projects.
- Integrated Blog: Paginated articles with reading time, topics, and a built-in RSS feed.
- SEO Optimized: Everything in place for search engines — sitemap, metadata, and Open Graph tags.
- Secure Contact Form: Spam-protected form with reliable email delivery out of the box.
Technology Overview
- Astro 6.
- TypeScript.
- Tailwind CSS v4.
- GSAP & Lenis.
- Astro Content Collections & MDX.
- Resend & Zod.
- Upstash/Redis (optional).
Included Pages & Sections
- Home: Hero with animated word cycling, about, featured works, services, approach, testimonials, and blog highlights.
- Studio: Values, stats, team profiles, and mockup gallery.
- Works (Portfolio): Full listing with individual case study pages.
- Blog: Paginated articles with reading time and related post logic.
- Contact: Production-ready form with FAQ accordion and contact details.
- Legal & Utility: Privacy, Terms, Licensing, custom 404, RSS feed, and robots.txt.
Additional Highlights
- Centralized Content System: Manage all copy, services, and metadata through typed config files and a compile-time-checked t() helper.
- Declarative Animation API: Add data-anim attributes to any markup — no per-component JavaScript required. Respects prefers-reduced-motion.
- Custom Design System: Theme-aware tokens for colors and typography, editable from a single global.css file.
- Optimized Assets: Native Astro image optimization, font preloading, and selective prerendering for maximum performance.
- Comprehensive Documentation: Detailed README covering structure, theming, animations, and configuration for a seamless setup.
License & Usage By purchasing Kiri Studio, you are granted the right to:
- Use the template for personal and commercial projects.
- Customize and adapt the source code for your own brand or your clients.
- Note: Redistribution, resale, or sublicensing of the template in its original or modified form is strictly prohibited.
Kiri Studio is a modern foundation for creatives who care about craft — designed to present your work with clarity, motion, and intention.
