Prefab Homes Demo: Included Pages & How to Customize It
Modul by Canvas is a demo tailored for prefab home builders and modular housing companies that want to showcase customizable floor plans and sustainable construction methods. The page is configured around a Scandinavian aesthetic, pairing a warm earth tone of #A8895A with the editorial serif of Cormorant Garamond and the clean sans-serif of DM Sans for a calm, confident reading experience. The layout is stretched and light, giving generous breathing room for project photography, pricing tables, and client testimonials typical of the prefab industry.
This single demo page includes sections for an intro hero, an about narrative, a floor plan configurator overview, a project gallery, a blog or news area, and a contact block. It is built on Canvas so it can be edited visually, restyled to match your own brand, and extended with additional pages as your catalog of homes grows.
What's included
| Page | Description |
|---|---|
demo-prefab-homes.html |
This page presents a Scandinavian prefab homes brand with a hero, configurator explainer, floor plan showcase, project gallery, testimonials, blog preview, and contact section. |
The demo's own styles live in demos/prefab-homes/prefab-homes.css. Shared framework styles come from style.css and css/font-icons.css.
The full editing guide is in the dashboard
Step-by-step customization, the complete settings reference, and copy-paste code are available to registered Canvas users. Creating an account is free.
Required files
CSS: demos/prefab-homes/prefab-homes.css