📋 Fiche Descriptive : Template « L’Archive »
🔷 INFORMATIONS GÉNÉRALES
Champ Détail
Nom du template Mode Luxe Seconde Main.html
Version 1.0.0
Auteur / Designer Gemini (Inspiré par le style Refoia Jeremy Tech)
Type de page Dashboard Interactif / E-commerce Curated
Objectif principal Simuler un panier d’achat de luxe et calculer le reste à vivre budgétaire.
🎯 DESCRIPTION FONCTIONNELLE
📌 Que fait ce template ?
Ce template est une interface de Personal Shopping dédiée au luxe de seconde main. Il utilise un design Glassmorphism (effets de transparence et de flou) pour offrir une expérience utilisateur haut de gamme. L’utilisateur peut sélectionner des pièces iconiques, voir l’impact immédiat sur son budget via un calculateur dynamique, et visualiser sa stratégie d’acquisition sur un calendrier mensuel (« The Drop Calendar »).
📌 Public cible (Persona)
👤 Collectionneurs de mode cherchant des pièces d’archives (ex: Balenciaga 2018).
👤 Acheteurs éco-responsables privilégiant la circularité de luxe.
👤 Utilisateurs soucieux de leur budget souhaitant planifier des achats importants.
⚙️ SPÉCIFICATIONS TECHNIQUES
🌐 Environnement & Compatibilité
Élément Valeur
Standard HTML HTML5 Sémantique
Framework CSS CSS3 Pur (Custom Properties / Variables)
Framework JS Vanilla JS (Navigation DOM & Logique de calcul)
Design Style Glassmorphism & Dark Mode
Responsive ✅ Oui (Breakpoints à 992px et 768px)
📦 Dépendances / Assets
FontAwesome (6.4.0) : Pour l’iconographie technique et luxe.
Google Fonts :
Playfair Display (Titres – Serif luxe).
Inter (Corps de texte – Sans-serif moderne).
📥 ENTRÉES — CONTENU DYNAMIQUE
# Variable Type Obligatoire Description
1 budget int ✅ Budget total de l’utilisateur (Défaut: 2500€).
2 items-table array ✅ Liste des articles (Nom, Prix, État, Icône).
3 exclusivity-index int ❌ Score calculé selon la rareté des pièces choisies.
🧱 STRUCTURE DU FICHIER — DOM
Mode Luxe Seconde Main.html
📌: Configuration des variables CSS (:root) pour le thème Midnight/Gold.
📌:
🏗️
Avis
Il n’y a pas encore d’avis.