Versace Bohème

Fiche Descriptive Complète : Versace Bohème

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

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

Version 1.0.0

Date de création 15 Mars 2026

Auteur / Designer Gemini (Inspiré par le style Versace)

Type de page Landing Page Luxe / E-commerce Showcase

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

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template est une vitrine immersive pour une collection de mode haut de gamme. Il utilise un design « Luxury Nomad » combinant l’opulence baroque et la fluidité bohème. L’interface est rythmée par des sections visuelles fortes, des effets de survol élégants et une typographie sophistiquée.

📌 Public cible (Persona)

👤 Clientèle Luxe : Personnes recherchant des pièces exclusives et artisanales.

👤 Amateurs de Mode : Utilisateurs sensibles au storytelling visuel et à l’esthétique éditoriale.

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Standard HTML : HTML5 sémantique.

Framework CSS : Tailwind CSS (via CDN).

Typographie : Google Fonts (Bodoni Moda pour les titres, Montserrat pour le corps).

Responsive : ✅ Oui (Adaptation via classes md:, grilles fluides).

📦 Dépendances / Assets

Tailwind CSS :

Fonts : Bodoni Moda (Serif), Montserrat (Sans-serif).

Images : Unsplash (Placeholder de haute qualité).

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 hero_title str ✅ Oui Titre principal de la bannière (ex: « La Renaissance Sauvage »).

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

3 collection_tag str ❌ Non Badge d’édition (ex: « Édition Limitée »).

📤 INTERACTIONS & SORTIES

🖱️ Événements Utilisateur

Hover sur Produit : Zoom progressif de l’image (group-hover:scale-105).

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

Bouton CTA : Transition de couleur et bordure personnalisée au survol.

🧱 STRUCTURE DU FICHIER — DOM

k52bymqq1x.html

📌 : Configuration Meta, Tailwind CDN, Google Fonts, Styles personnalisés (bordures Versace).

📌 :

🏗️