audiavotsngo

Fiche Descriptive Complète

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template audiavotsngo.html

Version 1.0.0

Date de création 16/03/2026

Auteur / Designer Inspiré par Bottega Veneta / Refoia Jeremy Tech

Type de page Landing Page E-commerce / Mode de Luxe

Objectif principal Présenter la collection « Autumn-Winter 2026 » et convertir via l’exploration des produits.

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template est une vitrine haut de gamme fusionnant l’esthétique « Ivy League » (preppy) avec le luxe italien. Il utilise un design épuré, des typographies classiques (Serif) et des animations fluides pour valoriser des produits de haute couture. Il comprend une navigation collante, une section Hero immersive, une grille de produits et un footer complet avec inscription newsletter.

📌 Public cible (Persona)

👤 Clients Luxe : À la recherche de pièces exclusives et d’artisanat (Intrecciato).

👤 Amateurs de mode « Preppy » : Intéressés par le style académique revisité.

👤 Visiteurs mobiles : Utilisateurs naviguant sur smartphone (layout responsive).

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Standard HTML : HTML5 Sémantique.

Framework CSS : Tailwind CSS (via CDN).

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

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

Animations : CSS Keyframes personnalisées (fade-in).

📦 Dépendances / Assets

HTML

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 collection_season str ✅ Oui Ex: « Automne – Hiver 2026 »

2 hero_title str ✅ Oui Titre principal (ex: L’Élégance Scholar)

3 product_list array ✅ Oui Liste des produits (Nom, Prix, Image, Matière)

4 bottega_green color ❌ Non Variable CSS –bottega-green (#00BD2A)

📤 INTERACTIONS & SORTIES

🖱️ Événements Utilisateur

Scroll : Barre de navigation avec backdrop-blur et fixation sticky.

Hover (Boutons) : Transition de couleur du Navy vers le Vert Bottega.

Hover (Produits) : Effet de zoom progressif (scale-105) sur les images.

Animation d’entrée : fade-in sur le texte et l’image Hero au chargement.

📂 Formulaires / Envois

Type Destination Méthode Description

Newsletter /api/subscribe POST Inscription par email dans le footer.

🧱 STRUCTURE DU FICHIER — DOM

audiavotsngo.html

📌 : Configuration Meta, Tailwind, et polices Google.

📌

🏗️