Versace Bohème

Fiche Descriptive Complète

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template rdjimc6jvq.html (Versace Bohème)

Version 1.0.0

Date de création 15 Mars 2026

Auteur / Designer Refoia Jeremy Tech (Inspiré par l’esthétique Versace)

Type de page Landing Page E-commerce Luxe

Objectif principal Présenter une collection capsule et inciter à l’exploration des produits.

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template est une vitrine digitale haut de gamme alliant le luxe milanais et l’esprit bohème d’Ibiza. Il utilise une navigation épurée, une section Hero immersive à fort impact visuel et une grille de produits asymétrique pour briser les codes du e-commerce traditionnel.

📌 Public cible (Persona)

👤 Clients Luxe : À la recherche de pièces exclusives et d’une expérience visuelle premium.

👤 Acheteurs « Bohème Chic » : Sensibles aux matières naturelles (macramé, soie) et au design sophistiqué.

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Standard HTML : HTML5 Sémantique.

Framework CSS : Tailwind CSS (via CDN).

Typographie : Google Fonts (Bodoni Moda pour le luxe, Montserrat pour la lisibilité).

Responsive : ✅ Oui (Adaptation via classes md: de Tailwind).

📦 Dépendances / Assets

HTML

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 collection_name str ✅ Oui Nom de la collection (ex: « Bohème »)

2 hero_title str ✅ Oui Titre principal de la bannière

3 product_list array ✅ Oui Liste des produits (Nom, Prix, Image, Tag)

4 cart_count int ❌ Non Nombre d’articles dans le panier (Badge orange)

📤 INTERACTIONS & SORTIES

🖱️ Événements Utilisateur

Hover sur Produit : Effet de zoom (scale-105) sur l’image et transition douce (700ms).

Bouton Explorer : Changement d’état (fond blanc / texte noir) avec transition de 500ms.

Sticky Nav : La barre de navigation reste fixée avec un effet de flou (backdrop-blur-md).

🧱 STRUCTURE DU FICHIER — DOM

index.html

📌 : Meta viewport, Tailwind, polices Google, styles custom (bordures Versace).

📌

🏗️