drafthouse template preview

Drafthouse — Free Bootstrap 6 Architecture & Interior Design Template

Drafthouse is a free, premium Bootstrap 6 website template for architecture practices, interior designers, structural consultants and design-and-build studios. It pairs a full practice homepage — projects, principles, RIBA-staged services, awards, people and enquiries — with a project page carrying a complete data sheet.

The whole template is set like a drawing sheet: warm paper ground, hairline rules, nothing rounded, nothing shadowed, and metadata in small-caps labels above tabular values. That last detail is the point — every project carries area, location and RIBA stage as data rather than prose, because those are the first three things anyone commissioning a building looks for, and most practice websites bury them in a paragraph. The enquiry form uses a searchable Combobox for project type and a Datepicker for the hoped-for start.

Live Demo

Drafthouse — Free Bootstrap 6 Architecture & Interior Design Template preview

Key features

  • Two pages — practice homepage and a project page
  • Drawing-sheet design language: hairline rules, no rounded corners, no shadows
  • Title block on the hero — area, completion, sector and status as labelled data
  • Every project repeats that metadata rather than burying it in prose
  • Services mapped to RIBA stages 0—1, 2—3, 4 and 5—6
  • Four numbered practice principles and an awards list
  • Enquiry form with searchable Combobox project type and Datepicker start date
  • Sticky project data sheet on the project page
  • Project page chrome generated from the homepage so nav and footer cannot drift
  • Bootstrap 6 vendored at a pinned commit, ESM-only, no build step

Before you use it

Bootstrap 6 has not been released. npm i bootstrap@6 does not work yet and the framework is still changing, so treat this as a head start on learning v6 rather than a foundation for a production site you need to maintain today. The framework is vendored into the template at a pinned commit, so nothing here can drift. It targets evergreen browsers only — Safari 16.4+, Chrome 111+ and Firefox 113+ — because Bootstrap 6 is built on oklch() and color-mix().

Aigars Silkalns

Designed & written by Aigars Silkalns

Aigars Silkalns is a Latvian entrepreneur and web developer who founded Colorlib, a hub for distinctive WordPress themes. Trained in technology and design, he began as a freelancer and launched Colorlib in 2013, earning acclaim for user-friendly, modern, responsive themes. A champion of open source, Silkalns shares insights on web trends and entrepreneurship. His mission is to make web design simple and accessible, empowering people worldwide to build professional sites with ease.

XLinkedInMore about uiCookies →

Free
Demo