Your Cart
Loading

Parlour: Website Template for Interior Design Studios

On Sale
$15.00
$15.00
Added to cart

Clients hire an interior designer for the difference, so Parlour shows it. The same room, photographed before and after, sits under a line the visitor drags from side to side, with three rooms on tabs.


**Signature interaction.** A before and after stage: a draggable divider wipes between two photographs of one room, by pointer, touch or arrow keys, with a single sweep on first view.


**Features**


- **Before and after stage.** Drag anywhere on the photograph, or focus it and use the arrow keys. Three rooms on tabs.

- **Rooms grid.** An offset grid of projects, wide and narrow frames in turn, with captions that slide up on hover.

- **Approach.** A sticky heading beside four numbered steps.

- **Materials ledger.** Finishes with a colour chip, where each is used and who makes it.

- **Case pages.** A page per project with facts, a brief and a gallery, from one content file.

- **Side by side fallback.** With no JavaScript each room shows both photographs next to each other.


**What's included**


- A home page and 8 project case pages, generated from one content file

- Every word, image, link and colour in `content.json`, so no code changes are needed to make it yours

- README and a buyer guide for editing, building and deploying

- The Studio Engine: Vite, TypeScript, smooth scrolling and animation

- Self-hosted open licence (OFL) fonts and generated placeholder images

- QA notes with the test results


**Built right**


- Lighthouse mobile 93 to 99 performance, 100 accessibility, best practices and SEO

- Keyboard accessible, works without JavaScript and respects reduced motion

- About 60 KB of JavaScript gzipped

- Deploys as static files to any host


**Requirements:** Node.js 20 or newer to edit and build.


**Tags:** website template, interior design, interior designer portfolio, before and after, studio website, portfolio template, Vite, responsive


**Files**


- Product file: `../studio-parlour.zip`

- Listing cover, 1920x1080: `../covers/studio-parlour-cover.jpg`

- Feed cover, 1080x1350: `../covers/studio-parlour-cover-feed.jpg`

- Reel, 10 seconds: `../reels/studio-parlour-reel.mp4`

You will get a ZIP (577KB) file