A complete website template for architects, interior designers and the studios around them, with 24 home pages for 24 kinds of practice: architecture studio, interior design, landscape architects, residential architect, kitchens & joinery, furniture maker, home staging, boutique developer, urban planning, heritage restoration, lighting design, passive house, hospitality interiors, workplace design, 3D visualisation, freelance designer, stone & tile showroom, modular homes, bathroom design, retail interiors, architect portfolio, exhibition design, cabins & garden rooms and design & build. The layout is built around two ideas. The navigation sits in the four corners of the screen (studio name, menu, a live clock and the main call to action), so the page itself stays open like a room. And every section takes the light of one hour of the day, from dawn to night: the clock in the corner follows the section you are reading, and soft window light moves across the walls.

Besides the marketing pages you get what a studio needs to run its website: projects with a compass map and before / after sliders, studio and team pages, services and fees, a journal with a material library, guides, a glossary and events, six planning tools, a client project room with sample data, sign-in pages and four printable documents.

Built on Bootstrap 5.3.8 with plain JavaScript. No build step and no jQuery: open index.html and it works.

What's included

• 108 HTML pages, plus a right-to-left copy of every page in the rtl/ folder
• 24 home pages: Architecture studio, Interior design, Landscape architects, Residential architect, Kitchens & joinery, Furniture maker (night), Home staging, Boutique developer, Urban planning, Heritage restoration, Lighting design (night), Passive house, Hospitality interiors, Workplace design, 3D visualisation (night), Freelance designer, Stone & tile showroom, Modular homes, Bathroom design, Retail interiors, Architect portfolio (night), Exhibition design (night), Cabins & garden rooms, Design & build
• 6 one-page sites: Architecture studio, Interior designer, Landscape studio, Furniture maker, Architect portfolio, Design & build
• 6 landing pages with one offer and no main menu: Free site visit, Sun study offer, Kitchen offer, Loft conversion, Open house weekend, Guide download
• Projects: Projects, Project index, Projects on the compass, two project pages, Before & after, Awards, Press
• Studio: About (2 layouts), History, Team, Team member, Careers, Job opening, Visit the studio, Client stories, Questions, Contact, Book a call
• Services and fees: All services, Services overview, Architecture, Interior design, Landscape, Renovation & heritage, Joinery & furniture, Planning advice, How we work, Fees, Fee packages
• Journal and library: Journal, Journal archive, Article, Material library, Material page, Guides & downloads, Glossary, Events, Event, Newsletter
• Planning tools: Tools overview, Sun study, Building cost estimator, Room planner, Material moodboard, Renovation checklist, Fee calculator
• Client project room: Overview, Timeline, Drawings & documents, Selections, Billing, Messages
• Account: Client login, Activate account, Reset password
• Printable documents: Invoice, Fee proposal, Appointment letter, Finishes schedule
• Utility & legal: UI elements, Search, Thank you, 404, Coming soon, Maintenance, Privacy policy, Terms of use, Cookie policy, Accessibility statement, Site map
• 12 HTML e-mail templates in the same style
• HTML documentation, readable and minified CSS and JS, SCSS sources (26 partials), custom.css for your own styles

Features

• Bonus: Travera UI Kit in ui-kit/: the same look as stand-alone HTML, CSS and SCSS components with tr- classes, 10 sun presets, eight lights of the day, light / dark mode and an overview page with copyable code, for your other projects (web apps, client tools, sites without Bootstrap)
• Four-corner navigation: the studio name, the menu, a clock and the main button stay in the corners of the screen; the corner text switches between dark and light ink to match the section behind it. A full-screen menu lists every page in tabs
• A day of light: every section has the light of one hour (dawn, morning, noon, afternoon, golden hour, dusk, blue hour, night), the corner clock shows the hour of the section in view, and window light moves slowly across the walls (or stays still if the visitor prefers)
• 10 sun presets (Lisbon amber, Nordic, Mediterranean, Desert, Olive grove, Rose dusk, Overcast, Tropical, Lavender, Copper) plus night mode, moving or still window light and natural, warm or black-and-white photo tones in the style panel
• Six planning tools that work in the browser: a sun study with the sun path, the house shadow and sun hours for any day; a building cost estimator; a room planner with furniture you drag or move with the keyboard; a material moodboard; a renovation checklist; and a fee calculator. Results are sample estimates, labelled as such
• Projects on a compass: projects placed by the way their main rooms face the sun, filters, before / after sliders and project pages with plans and material lists
• Client project room: overview, timeline, drawings, selections, billing and messages in an app layout with a sidebar. They are front-end layouts with sample data, labelled as such
• Printable documents: invoice, fee proposal, appointment letter and finishes schedule with print styles
• Counters, carousels, ARIA tabs, filters, accordions, a countdown, a table of contents and a sun clock that follows the current time in Lisbon (your own city is one setting)
• Live site search while you type, and a search results page
• Newsletter popup that opens once per visitor
• Cookie consent with categories and Google Consent Mode v2: scripts you add for analytics or marketing run only after consent
• PHP forms with AJAX sending, spam protection (honeypot, time check, rate limit, optional reCAPTCHA v3), file attachments, an optional CSV copy of every entry and a Mailchimp newsletter; phone-only call-back forms
• Login, account, project room and payment forms are front-end demos that check the input in the browser and never send passwords or card details anywhere; connect them to your own system
• SEO: unique titles and descriptions, Open Graph, schema.org Organization and ProfessionalService data, sitemap.xml, robots.txt
• Fonts are self-hosted (Gloock, DM Serif Display Italic, Figtree, JetBrains Mono), so the pages make no requests to Google Fonts
• Accessible markup: one h1 per page, skip link, visible focus, labels on every field, keyboard-friendly menus and tabs, reduced-motion support
• Deferred scripts, lazy-loaded images, minified CSS and JS, an icon font subset and .htaccess with compression and caching

Technical details

• Bootstrap 5.3.8 and Bootstrap Icons 1.13.2 (MIT), included in assets/vendor
• Plain JavaScript, no jQuery, no chart or map library
• Built for the latest Chrome, Edge, Firefox and Safari at phone, tablet and desktop widths, in light and night mode
• The forms need a server with PHP 7.4 or newer and mail(); the mbstring and cURL extensions are optional. All other pages are static HTML.

Good to know

• Demo photos are not included. The live preview uses photos from Unsplash for presentation only. In the download every image is a labelled placeholder (assets/img/placeholder/) showing its size, and a list links to the free Unsplash originals.
• Forms send e-mail only through the PHP files on your own server, after you set your address in them. In the live preview they run in demo mode and send nothing.
• This is a website template, not design or building software. The sun study uses a simple astronomical formula for one location; building costs, fees and project room data are sample figures for you to replace or connect to your own systems. They are not quotes or professional advice.
• Privacy, terms, cookie and accessibility pages are layouts with example text: write your own texts with your adviser.
• The template sends no tracking data; analytics or marketing scripts run only if you add them and the visitor accepts that cookie category.
• All studios, people, clients, projects, quotes, fees and figures in the sample content are fictional.

Credits

• Bootstrap 5.3.8, Bootstrap Icons 1.13.2 (MIT)
• Gloock, DM Serif Display, Figtree, JetBrains Mono (SIL Open Font License 1.1)
• Preview only: photos from Unsplash

Changelog

Version 1.0.0 (2026-10-29)

Added

• First release
• 108 HTML pages: 24 home pages, 6 one-page sites, 6 landing pages, projects, studio, services, fees, journal, material library, planning tools, client project room, account, printable documents, utility and legal pages, with a right-to-left copy of every page
• Four-corner navigation with a full-screen menu, and eight lights of the day for the sections, with a corner clock that follows the page
• Six planning tools (sun study, building cost estimator, room planner, material moodboard, renovation checklist, fee calculator) and a tools overview
• Client project room screens with sample data: overview, timeline, drawings, selections, billing and messages
• Four printable documents: invoice, fee proposal, appointment letter and finishes schedule
• 10 sun presets, night mode, moving or still window light and natural, warm or black-and-white photo tones
• 12 HTML e-mail templates
• PHP contact, call-back and newsletter handlers with spam protection, optional reCAPTCHA v3, file attachments, an optional CSV copy and Mailchimp
• Cookie consent with categories and Google Consent Mode v2
• Live site search and a search results page
• Travera UI Kit (bonus) in the ui-kit/ folder: the four-corners look as stand-alone HTML, CSS and SCSS components with an overview page
• HTML documentation, SCSS sources and minified CSS and JS