Fiche Descriptive Complète : Collection Militaire Utilitaire
🔷 INFORMATIONS GÉNÉRALES
Champ Détail
Nom du template collection_militaire_utilitaire_haute_couture_parisienne.html
Version 1.0.0
Date de création 16/03/2026
Auteur / Designer Maison Militaire Paris / Refoia Jeremy Tech
Type de page Landing Page de Luxe / Lookbook Haute Couture
Objectif principal Présenter une collection thématique et renforcer l’image de marque (Branding)
🎯 DESCRIPTION FONCTIONNELLE
📌 Que fait ce template ?
Ce template est une vitrine immersive pour une collection de mode haut de gamme. Il utilise un design « Military Chic » combinant rigueur structurelle et luxe parisien. Il alterne entre des sections narratives (Concept, Éditorial), des galeries de produits (Pièces Phares) et un Lookbook visuel, le tout rythmé par des animations d’apparition au défilement.
📌 Public cible (Persona)
👤 Clientèle Haute Couture à la recherche de pièces exclusives.
👤 Journalistes de mode et influenceurs (besoin de visuels forts et de storytelling).
👤 Collectionneurs de pièces de luxe « utilitaires ».
⚙️ SPÉCIFICATIONS TECHNIQUES
🌐 Environnement & Compatibilité
Standard HTML : HTML5 Sémantique.
Framework CSS : Aucun (CSS Pur / Vanilla CSS avec variables personnalisées).
Framework JS : Vanilla JS (Scripts d’animation au scroll).
Browsers ciblés : Chrome ✅, Firefox ✅, Safari ✅, Edge ✅.
Responsive : ✅ Oui (Adaptations via Media Queries pour tablettes et mobiles).
📦 Dépendances / Assets
Google Fonts : Cormorant Garamond (Typographie sérif élégante).
Images : Unsplash (Placeholders haute résolution pour le Hero et l’Éditorial).
Icônes : Émojis sémantiques (⚜️, 🪡, 🎖️) intégrés textuellement.
📥 ENTRÉES — CONTENU DYNAMIQUE
# Nom de la variable Type Obligatoire Description
1 collection_title str ✅ Oui Titre principal (ex: MILITAIRE UTILITAIRE)
2 items_list array ✅ Oui Liste des produits (titre, prix, tag, sous-titre)
3 lookbook_images array ✅ Oui Galerie de silhouettes pour la section Opéra Brodé
4 editorial_quote str ✅ Oui Citation de la directrice artistique
📤 INTERACTIONS & SORTIES
Hover effect : Élévation des cartes produits (translateY) et changement de couleur des liens de navigation.
Scroll Reveal : Utilisation de l’API JavaScript pour ajouter la classe .visible aux sections lors du défilement, déclenchant une transition d’opacité.
Navigation : Menu « Sticky » avec effet de flou (backdrop-filter) pour une lisibilité constante.
🧱 STRUCTURE DU FICHIER — DOM
index.html
