l_avant_garde_collection_militaire_utilitiare

Fiche Descriptive Complète : Collection « L’Avant-Garde »

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template l_avant_garde_collection_militaire_utilitiare.html

Version 1.0.0

Date de création 16/03/2026

Auteur / Designer Maison Utile Paris / Refoia Jeremy Tech

Type de page Landing Page Lookbook / Mode de Luxe

Objectif principal Présenter la collection Automne/Hiver 2026 et inciter au visionnage du défilé.

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template est une vitrine digitale minimaliste et haut de gamme. Il met en avant une esthétique « Militaire Utilitaire » hybridée avec la Haute Couture. La structure permet une immersion visuelle immédiate grâce à un header plein écran, suivi d’une grille de produits (looks) épurée mettant l’accent sur les matières et les coupes.

📌 Public cible (Persona)

Clients Luxe : Particuliers à la recherche de pièces exclusives et structurées.

Professionnels de la mode : Acheteurs et journalistes consultant le catalogue visuel.

Presse : Accès rapide aux visuels de la nouvelle collection.

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Standard HTML : HTML5 sémantique.

Framework CSS : CSS Pur (Custom Properties/Variables).

Framework JS : Aucun (Statique).

Responsive : ✅ Oui (Utilisation de clamp() et grid auto-fit).

📦 Dépendances / Assets

Google Fonts : Playfair Display (Titres) et Inter (Corps de texte).

Images : Hébergées sur Unsplash (Placeholders haute résolution).

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 collection_season str ✅ Oui Ex: « Automne / Hiver 2026 »

2 hero_title str ✅ Oui Titre principal de la campagne.

3 looks_list array ✅ Oui Liste des looks (image, tag, titre, description).

📤 INTERACTIONS & SORTIES

🖱️ Événements Utilisateur

Hover sur Look-Card : Effet de zoom fluide (scale 1.05) sur l’image pour un aspect premium.

Clic sur « Découvrir le défilé » : Bouton avec inversion de couleurs (Ghost button vers plein).

Navigation : Liens ancres pour les sections Collections, Atelier et Contact.

🧱 STRUCTURE DU FICHIER — DOM

l_avant_garde_…html

📌 : Contient les variables de couleurs (–olive, –sable, etc.) et l’import des polices.

📌

🏗️