KYO Interior

KYO: a Japanese-inspired template for architecture and interior design studios.

KYO is built around stillness: warm washi tones, editorial serif type, generous white space and natural materials. It's made for studios whose work speaks through light, proportion and craft, and who want a website that feels the same way.

A hero that builds itself.

As visitors scroll, an exploded architectural model comes together piece by piece: deck, pillars, shoji screens, then the roof settling into place. It's the first thing people see, and it shows the studio's attention to detail before they read a word.

Pages

- Home: the 3D house hero, selected work with a material palette, process cards, a studio locations map and journal highlights

- Projects and Project pages: a filterable CMS grid by category, with a detail page for each project that includes an interiors carousel, floor plan, material palette, before/after slider, process steps, a quote and related projects

- Journal and Articles: an editorial CMS blog with topic filters, a featured story and article pages

- Process: a chapter-by-chapter story of how the studio works, with sticky scroll on desktop and dedicated chapters on mobile

- Contact: a guided enquiry form with project type, material selection, project stage, budget and timeline

- 404 and Privacy Policy

Details

- A paper-screen intro that plays once per visit on the home page

- A vertical sidebar navigation on desktop and a full-screen menu on mobile

- A custom cursor and smooth mouse-wheel scrolling

- Scroll-triggered reveals throughout, with a scroll-built hero and parallax imagery

- Fully responsive across desktop, tablet and phone, including large screens

- Three CMS collections: Projects, Journal and Materials

- Organized text styles and color tokens, so the whole site can be restyled in minutes

- SEO-ready, with page metadata, structured headings and alt text

Need help customizing it? Drop me a message. josepponsmataro@gmail.com