NOIR Fashion is a free, dark-themed HTML website template for fashion e-commerce storefronts and portfolios, built with pure HTML, CSS, and vanilla JavaScript and distributed by TemplateMo.
What is NOIR Fashion?
NOIR Fashion is a sophisticated dark-themed HTML template from TemplateMo that uses a black (#0a0a0a) and hot pink (#ff3366) color palette to deliver a premium look for luxury boutiques, fashion portfolios, and online shops. It provides a complete set of static files — HTML, CSS, and JavaScript — that you can edit and host anywhere to produce a responsive website with a hero carousel, a filterable product collection grid, testimonials, and a contact section. The template has no dependencies, no build step, and no backend; everything runs directly in the browser.
Who should use NOIR Fashion?
Luxury boutique owners can display their product lines across category tabs including Women, Men, Accessories, and Limited Edition, and capture inquiries through the built-in contact form. Fashion designers and photographers can use the hero carousel and featured three-image editorial layout to present their work as a visual portfolio. E-commerce startups can style a storefront quickly, with payment method icons in the footer and a navigation structure ready for shop, support, and company pages.
Key Features
- Hero carousel — Automatically cycles through editorial-quality images with smooth transitions, setting a high-fashion tone without any user interaction.
- CSS variable theming — The black and hot pink color scheme is controlled by CSS variables, so you can change the entire palette by editing a few values.
- Filterable collections grid — Visitors can filter products by category tabs: All, Women, Men, Accessories, and Limited Edition.
- Featured editorial layout — A three-image section highlights key pieces or campaigns to add visual depth.
- Customer testimonials — A dedicated section displays customer reviews to build trust.
- Contact form — Includes fields for first name, last name, email, subject, and message, plus an embedded Google Map.
- Parallax scrolling — Adds motion depth as the user scrolls through the page.
- Smooth scroll navigation — Navigation links scroll smoothly with active highlighting, and a hamburger toggle provides a responsive mobile menu.
- Multi-column footer — Contains separate link columns for shop, support, and company, along with payment method icons.
- No dependencies — Pure HTML, CSS, and vanilla JavaScript; no jQuery, no frameworks, no external libraries.
What can you do with NOIR Fashion?
- Boutique storefronts: Display product collections with category filtering and include a contact form to handle inquiries.
- Fashion portfolios: Use the hero carousel and featured sections to showcase editorial photos and design work.
- E-commerce prototypes: Set up a visually complete storefront layout, then integrate your own commerce backend or payment processor.
FAQ
Is NOIR Fashion free?
Yes, NOIR Fashion is 100% free to download. You are allowed to edit and use it for both commercial and non-commercial websites free of charge.
Does NOIR Fashion require a framework or dependencies?
No. The template is built with pure HTML, CSS, and vanilla JavaScript. There are no frameworks, libraries, or build tools needed to run it.
Can I change the color scheme?
Yes. The color palette is defined using CSS variables, so you can quickly change the black and hot pink theme to match any brand identity without hunting through the stylesheet.
Does the contact form actually send messages?
The template includes the contact form front-end, but it does not include a server-side handler. TemplateMo links to a separate PHP contact form script that you can use to process submissions.
