No. 15 · Facade & Envelope Engineering

Envelope

A clean, data-led website template for building-envelope and building-physics consultants — teal on white, thermography, scorecards and insights.

Style: Clean corporate — white, teal, data and certifications

Standard licencePricing coming soon

Open live demo (new tab)

One website per licence · Licence terms (draft)

01 · Preview

Desktop and phone, side by side.

Scroll inside the frames to see the whole home page — or open the live demo, where every link works.

Screenshots of the demo at 1440 px and 390 px. Demo content is written for Cadence Envelope Consulting, a fictional studio.

02 · Pages

Each page is a plain HTML file with real, niche-specific copy — replace the words, keep the structure.

01 · index.html

Home with envelope score and thermography

02 · projects.html

Case studies with filter

03 · project.html

Case study with before/after IR and data

04 · about.html

Practice, team and accreditations

05 · services.html

Services, process and FAQ

06 · contact.html

Contact and assessment request

03 · On a phone

The same pages at 390 px: single column, full-screen menu, no sideways scrolling.

04 · Design

Six complete pagesHome, projects with a filter, a case study, about, services with FAQ, and contact.
Plain HTML, CSS and JavaScriptNo framework, no build step, no tracking. Open index.html and start editing.
Design tokens at the topColours and fonts live in one :root block at the top of style.css.
Original SVG artworkDemo drawings made for each template in its own palette. Keep them or swap in your photos.
Checked down to 375 pxNo sideways scrolling on phones, a full-screen mobile menu, and layouts that hold at 1440 px.
Accessible basicsSkip link, visible keyboard focus, labelled form fields, alt text and reduced-motion support.