Riflesso, an Astro & Tailwind CSS photography template

Riflesso — Photography theme for Astro & Tailwind CSS

Riflesso is a refined grid-based portfolio template crafted for photographers, studios, and visual creatives who want to present their work with clarity and structure. Inspired by Swiss design principles, it uses strict grids, sharp typography, and a light-only interface to keep your images in focus without visual noise.

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

• Dedicated pages for studio overview, team, gallery, and store
• Blog integration for updates, essays, and project breakdowns
• Reusable components (buttons, wrappers, text, etc.) styled with the OKLCH color system
• Content collections to organize galleries, articles, or client work
• SEO-ready with Astro SEO, Sitemap, and RSS integrations
• Clean file structure with ongoing updates and a style guide

Optional CMS

Riflesso 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 Riflesso?

• Built for photographers and visual studios who value precision and minimalism
• Editorial-style layouts that emphasize images and structured storytelling
• Fast and lightweight frontend with Astro’s static-first approach
• Professional, timeless design ideal for portfolios, case studies, or galleries
• Scales smoothly for solo creatives or full creative teams