Atelier

Template Details

Author: Colorlib

Released: February 2026

License: CC BY 3.0

Credits: Images from Unsplash

Description

Interior design clients hire with their eyes—your portfolio must stop the scroll and start conversations. Atelier opens with a full-bleed project showcase hero where category tabs (Residential, Commercial, Hospitality) crossfade between stunning project imagery with elegant serif typography overlay. The filterable masonry portfolio grid, design process timeline, and style visualizer let potential clients explore your aesthetic range. All projects, styles, and awards are managed through YAML files—add new portfolio pieces or publish design inspiration blog posts in minutes.

Built with Astro 6 and Tailwind CSS 4.x, Atelier delivers exceptional performance with lightning-fast page loads and a modern development experience. All content lives in simple YAML and Markdown files—edit text, reorder sections, or remove entire blocks without touching any code. The template includes a built-in blog with search and filtering, dark mode with persistent toggle, View Transitions for SPA-like navigation, and a fully responsive design that looks stunning on every device.

Portfolio Features

Hero crossfade gallery with category tabs
Masonry portfolio grid with category filtering
Design process timeline visualization
Style visualizer with tabbed design aesthetics
Materials and finishes showcase section
Awards, recognition, and press mentions

Technical Highlights

Lightning-fast performance with Astro static generation
Utility-first styling with Tailwind CSS 4.x
YAML + Markdown content system — edit everything without code
Built-in blog with search, categories, and Markdown posts
Dark mode with persistent toggle and flash-free loading
View Transitions for SPA-like page navigation
Fully responsive mobile-first design
SEO optimized with Open Graph, structured data, and sitemap

Pricing Atelier

Premium support
If you need help just post a ticket and our tech guys will get back to you asap. We have a stellar support team ready to help you in no time.
Template updates
We are constantly improving our templates making them compatible with different scripts and adding new features.
Support & Updates
SINGLE – The perfect choice for a personal purchase. You will get support and updates for 1 year.

MEMBERSHIP – The perfect choice for a small agency. You will get support and updates for 1 year.

LIFETIME – Perfect for developers, designers, agency that have multiple clients. You will get support and updates for life.
Access all templates
SINGLE – You get instant access to the current HTML templates plus all templates releases while you are a member.

MEMBERSHIP – You get instant access to the current HTML templates plus all templates releases while you are a member.

LIFETIME – You get instant access to all our current HTML templates plus all templates releases for life.