Burberry Neo-London

Fiche Descriptive Complète

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template hfvvz7umd7.html (Burberry Neo-London)

Version 1.0.0

Date de création 15 Mars 2026

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

Type de page Landing Page de Collection Capsule (E-commerce Concept)

Objectif principal Présenter une collection de mode futuriste et inciter à l’achat/exploration.

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template est une vitrine immersive pour une collection de mode fictive appelée « Burberry Neo-London ». Il utilise une esthétique « Cyber-Tartan » mêlant l’héritage classique de la marque à des codes visuels cyberpunk (glitch, néons, contrastes sombres). La page structure l’expérience utilisateur à travers une navigation flottante, un header « Hero » percutant avec effets de texte, et des grilles de produits interactives avec des effets de survol (hover) dynamiques.

📌 Public cible (Persona)

👤 Consommateurs de luxe technophile : Intéressés par la mode haut de gamme et les innovations textiles.

👤 Collectionneurs d’actifs numériques : Le template mentionne des prix en ETH, ciblant une audience familière avec le Web3.

👤 Fans d’esthétique Cyberpunk/Dystopique : Utilisateurs sensibles au design futuriste et sombre.

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Standard HTML : HTML5 sémantique.

Framework CSS : Tailwind CSS (via CDN).

Typographie : Google Fonts (Inter, Syncopate via CSS import).

Responsive : ✅ Oui — Adaptatif via classes utilitaires Tailwind (md:, lg:).

Browsers ciblés : Chrome, Firefox, Safari, Edge.

📦 Dépendances / Assets

HTML

📁 ASSETS GRAPHIQUES

Images : Source Unsplash (Mode, Architecture, Cyberpunk).

Effets Spéciaux :

.cyber-tartan : Motif de fond généré en CSS (gradients linéaires).

.text-glitch : Ombres portées colorées (cyan/magenta) pour l’effet bug numérique.

.neon-border : Box-shadow personnalisée couleur bronze/or.

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 product_name str ✅ Oui Nom de l’article (ex: Cyber-Trench v4.0).

2 product_price_eth float ✅ Oui Prix de l’unité en Ethereum.

3 unit_id str ✅ Oui Identifiant technique (ex: UNIT_001).

4 hero_bg_url str ❌ Non Image de fond pour la section principale.

📤 INTERACTIONS & SORTIES

🖱️ Événements Utilisateur

Hover sur Navigation : Transition de couleur vers le doré (#CBA16A).

Hover sur Product Card : Passage de l’image de grayscale à couleur + effet de zoom (scale).

Bouton Neon : Inversion des couleurs (background doré, texte noir) au survol.

Interactivité HUD : Les coins « HUD » (Head-Up Display) encadrent les produits au survol.

🧱 STRUCTURE DU FICHIER — DOM

index.html

📌 : Meta, Tailwind, Google Fonts, Styles personnalisés (Cyber-Tartan).

📌 (Classe .cyber-tartan)

🏗️