Collection Victorian Noir

Fiche Descriptive : Template « L’Ombre Romantique » — Saint Laurent

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template 1g0wocxcqo.html (Collection Victorian Noir)

Version 1.0.0

Date de création 14 Mars 2026

Auteur / Designer Inspiré par l’esthétique Saint Laurent / Généré par Gemini

Type de page Landing Page de Collection Haute Couture / E-commerce de luxe

Objectif principal Présenter la collection « Hiver 2026 » et convertir via la sélection de produits.

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template est une vitrine immersive haut de gamme. Il utilise une esthétique minimale, sombre et typographique pour valoriser une collection de mode. Il alterne entre des sections narratives (storytelling sur l’héritage victorien), des galeries visuelles asymétriques, et une section « Sélection » orientée boutique.

📌 Public cible (Persona)

👤 Clientèle Luxe : Individus à la recherche de pièces exclusives et intemporelles.

👤 Passionnés de mode : Utilisateurs sensibles au storytelling et à l’artisanat de haute couture.

👤 Collectionneurs : Visiteurs ciblés par les éditions limitées et l’aspect « héritage ».

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Standard HTML : HTML5 Sémantique.

Framework CSS : Tailwind CSS (via CDN).

Typographie : Google Fonts (Playfair Display pour l’élégance, Montserrat pour la modernité).

Responsive : ✅ Oui — Gestion des grilles adaptatives (1 col mobile, 2 ou 3 cols desktop).

📦 Dépendances / Assets

Scripts : https://cdn.tailwindcss.com

Fonts : Playfair Display (Serif), Montserrat (Sans-serif).

Images : Photos haute résolution via Unsplash (filtres grayscale appliqués via CSS).

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 collection_season str ✅ Oui Ex: « Hiver 2026 »

2 main_title str ✅ Oui Titre de la collection (ex: « L’Ombre Romantique »)

3 product_list array ✅ Oui Liste des produits (image, nom, prix)

4 testimonials array ❌ Non Citations de clients ou presse

5 brand_stats object ❌ Non Chiffres clés (Année de création, nombre d’ateliers)

🧱 STRUCTURE DU FICHIER — DOM

index.html

nav : Barre de navigation épurée avec logo centralisé et liens espacés.

section #hero : Image pleine largeur (grayscale) avec titre en italique et CTA.

section #history : Grille asymétrique mélangeant texte narratif et visuels d’archives.

section #catalog : Grille de produits sur fond blanc pour un contraste maximal.

section #values : Trois colonnes présentant l’artisanat, les matières et le confort.

section #social-proof : Logos de presse (Vogue, etc.) et témoignages clients.

section #experience : Timeline verticale décrivant le parcours d’achat privé.

🎨 CHARTE GRAPHIQUE & DESIGN SYSTEM

🎨 Palette de Couleurs

Fonds : #050505 (Noir Profond), #FFFFFF (Blanc Pur pour la boutique).

Accents : #c5a059 (Or étouffé pour les bordures et liens).

Texte : #f4f4f4 (Blanc cassé), #9ca3af (Gris pour le texte secondaire).

🔤 Typographie

Titres (H1, H2, .serif) : Playfair Display — Apporte un aspect éditorial et classique.

Corps & Menus : Montserrat — Assure la lisibilité et une touche contemporaine.

♿ ACCESSIBILITÉ & SEO

Sémantique : Utilisation des balises