BBRY_2026

Fiche Descriptive Complète

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template kwvypvn1cr.html (BBRY_2026)

Version 1.0.0

Date de création 15 Mars 2026

Auteur / Designer Gemini (Inspiration : Burberry Urban Luxe)

Type de page Landing Page E-commerce / Showcase

Objectif principal Présenter une collection capsule « Luxe Urbain » et convertir via l’exploration de « Drops »

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template est une vitrine haut de gamme mêlant l’héritage classique (tartan/gabardine) et les codes esthétiques du streetwear contemporain. Il utilise un design brutaliste élégant avec des typographies imposantes, des effets de contours (text-stroke) et des interactions au survol soignées pour valoriser des produits exclusifs.

📌 Public cible (Persona)

👤 Collectionneurs de Streetwear : À la recherche de pièces limitées et techniques.

👤 Consommateurs de Luxe : Fidèles à l’héritage de la marque mais cherchant une image modernisée.

👤 Trendsetters : Sensibles à l’aspect « Lab » (innovation textile, blockchain).

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Standard HTML : HTML5 sémantique.

Framework CSS : Tailwind CSS (via CDN).

Typographie : Inter (Sans-serif) pour la structure et Playfair Display (Serif Italic) pour l’élégance.

Responsive : Oui (Mobile First avec grille adaptative MD).

📦 Dépendances / Assets

Tailwind CSS : https://cdn.tailwindcss.com

Google Fonts : Inter (400, 900) et Playfair Display (Italic 700).

Images : Unsplash (Placeholders haute qualité pour mode/urbain).

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Description

1 brand_id str Identifiant de la collection (ex: BBRY_2026)

2 product_list array Liste des produits (Nom, prix, catégorie, image)

3 tech_features array Liste des innovations (Gabardine, Blockchain, etc.)

4 testimonials array Avis clients et citations presse

📤 INTERACTIONS & SORTIES

🖱️ Événements Utilisateur

Hover Hero Image : Passage du grayscale à la couleur avec transition de 700ms.

Hover Navigation : Effet de texte barré (line-through) sur les liens.

Hover Cards Produit : Zoom progressif (scale-110) de l’image.

Hover Tech Blocks : Changement de couleur de fond vers le doré (#c1a06a) et rotation des icônes SVG.

🧱 STRUCTURE DU FICHIER — DOM

index.html

📌