Headphones Demo: Included Pages & How to Customize It
Canvas ships with a dedicated Headphones Shop demo built for audio retailers, audiophile reviewers, and lifestyle brands that want to put product craft front and center. The layout uses a stretched canvas, a transparent header that lets hero imagery breathe, and a dark visual tone anchored by the theme color #333, creating an editorial feel that lets product photography do the talking.
This demo includes a single demo page, demo-headphones.html, which combines a product-first homepage with the structural pieces needed to launch a complete storefront. Typography is set in Muli for a clean, modern read, and the non-sticky header keeps the focus on the products rather than navigation chrome.
What's included
| Page | Description |
|---|---|
demo-headphones.html |
Headphones Shop / Canvas presents a single homepage experience that pairs a transparent dark header with product showcases, feature highlights, and calls to action tailored for selling premium audio gear. |
The demo's own styles live in demos/headphones/headphones.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/headphones/headphones.css