Glam Hair — Theme Documentation

Glam Hair · Version 1.0 · by Glam Designs · Last updated June 2026

View Live DemoBuy the Theme — $99

Glam Hair is an original 8-page dark-luxe website template for hair extension, wig and beauty brands. It is built with plain HTML and CSS — no frameworks, no build tools, no dependencies. Every page is a single self-contained file you can edit in any text editor (Notepad, VS Code, Sublime).

1. What's Included

File Page
glam-hair-theme.html Homepage — hero, shop-by-shade, editorial tiles, bestsellers, perks, Instagram strip, newsletter
glam-hair-shop.html Shop All — 12 demo products, category filter pills, sorting
glam-hair-category.html Category / collection page (Clip-In Extensions demo)
glam-hair-product.html Product page — gallery, shade swatches, length & weight options, accordions, related products
glam-hair-about.html About — brand story, stats, values
glam-hair-journal.html Journal / blog — featured article + 6 post cards
glam-hair-faqs.html FAQs — 4 grouped accordion sections
glam-hair-contact.html Contact — enquiry form, channel cards, opening hours
README.txt Quick-start notes and licence

2. Quick Start

  1. Unzip the download anywhere on your computer.
  2. Double-click glam-hair-theme.html — the full site opens in your browser, working immediately.
  3. All menu links work locally because the 8 files sit in the same folder. Keep them together.

3. Publishing Your Site

The template is static HTML, so it runs on any web host:

  • Netlify (free, easiest): go to netlify.com → drag the unzipped folder onto the dashboard → your site is live in seconds. Rename glam-hair-theme.html to index.html first so it loads as the homepage.
  • Vercel / GitHub Pages: push the folder to a repo and enable Pages, or import into Vercel.
  • Classic hosting (cPanel/FTP): upload all files to public_html, again renaming the homepage to index.html.
Using it with Shopify? This is a standalone HTML template, not a Shopify theme file (.zip theme). You can use it as a landing/brand site alongside your store, or have it converted into a live store — that's exactly what our Done-For-You Store Setup ($149) covers.

4. Customisation

4.1 Brand colours — one place, whole site

Every page starts with the same CSS variables. Change them at the top of each file's <style> block and the entire design recolours instantly:

:root{
  --bg:#0b0b0b;      /* page background           */
  --panel:#111;      /* card / panel background    */
  --ivory:#ece7df;   /* main text                 */
  --muted:#9a948a;   /* secondary text            */
  --accent:#d6a5b9;  /* champagne-rose accent     */
  --line:#221f1c;    /* borders & dividers        */
}

4.2 Brand name & tagline

Search for GLAM HAIR and The Luxe One in each file (header wordmark + footer) and replace with your own brand. Also update the <title> tag of each page.

4.3 Fonts

The template uses Cormorant Garamond (headings) and Jost (body) from Google Fonts. To swap fonts, replace the fonts.googleapis.com link in the <head> and update the two font-family names in the CSS.

4.4 Images

Demo imagery is original AI-generated artwork — you may keep it or replace it. Every image is a normal <img src="..."> tag; point it at your own files (e.g. put photos in an images/ folder and use src="images/my-hero.jpg").

4.5 Text, prices & products

All content is plain HTML text — edit headings, product names, prices and FAQ answers directly in the files. The announcement bar at the very top of each page is the first <div class="announce">.

4.6 Contact form

The contact form is front-end only. To receive submissions, connect it to a free form service: create a form at Formspree or Web3Forms, then set the form's action attribute to the endpoint they give you.

5. Frequently Asked

Do I need to know how to code? No — if you can edit a text file, you can rebrand this template. Every customisation above is find-and-replace.

Is it mobile responsive? Yes, every page adapts below 900px (the menu collapses, grids stack).

Can I add more pages? Yes — duplicate any file, rename it, and add a link to it in the header nav and footer of the other pages.

Can I get help? Free basic support is included with purchase — message us via the contact page with your order number.

6. Licence

Your purchase grants a single-site licence: use Glam Hair for one website/brand you own, with unlimited modification. You may not resell, redistribute, or share the template files themselves, modified or not. Full terms are in the README inside your download.

View Live DemoBuy Glam Hair — $99