Guide de style de l'identité visuelle et du système UI d'une marque de restauration rapide

Créez un guide de style complet, composé de 9 parties, pour un système d'identité de marque professionnelle et de conception UI/UX pour une grande marque de restauration rapide. Le mise en page doit être structurée comme une présentation propre basée sur une grille, avec des sections distinctes et numérotées (01 à 09). L'esthétique globale doit être audacieuse, iconique et hautement structurée.

### 01 EN-TÊTE DE MARQUE
- Inclure un logo audacieux et en évidence sur un fond frappant (par exemple, des bandes rouges et blanches solides).
- Afficher un mascotte ou une illustration de personnage reconnue de la marque.
- Inclure un slogan mémorable de la marque (par exemple, "it's finger lickin' good") écrit dans une police de caractères script manuscrite informelle.
- Lister trois mots-clés de la marque principaux sous le slogan, séparés par des slashs (par exemple, BOLD / ICONIC / REAL).

### 02 SYSTÈME DE COULEURS
- **Palette principale :** Mettez en évidence 4 couleurs principales avec leurs codes hexadécimaux, étiquetées selon leur rôle (par exemple, Fondation, Accentuation).
- **Palette secondaire :** 4 couleurs secondaires avec leurs codes hexadécimaux, étiquetées selon leur ambiance émotionnelle.
- **Palette d'accentuation :** 4 couleurs d'accentuation avec leurs codes hexadécimaux pour des appels spécifiques.
- **Dégradés :** Un spectre visuel affichant les transitions de dégradés de la marque.
- **Associations de couleurs :** Des blocs de contraste petits démontrant la compatibilité texte/fond (par exemple, Rouge+Blanc, Noir+Or) dans les prévisualisations des interfaces en mode clair et en mode sombre.

### 03 SYSTÈME TYPOGRAPHIQUE
- **Titre :** Une police sans serif en majuscules, serrée et épaisse pour un impact maximum (par exemple, "REAL CHICKEN. REAL GOOD.").
- **Sous-titre :** Une police sans serif propre et fiable en couleur contrastante (par exemple, "Hand-breaded. Freshly prepared. Every single day.").
- **Texte principal :** Une police sans serif très lisible, amicale et quotidienne affichant un court paragraphe philosophique de la marque.
- **Panel d'Exemples de Police :** Afficher des exemples de "Aa" de différentes épaisseurs de police (Display Bold, Sans Bold, Sans Regular) à côté d'un logo d'espacement.

### 04 LANGAGE VISUEL
- **Règles de Photographie et de Direction Artistique :** Détaillez les règles pour le style des images (par exemple, Bold, Editorial, Craveable), l'éclairage (par exemple, lumière dramatique directionnelle avec des ombres profondes) et les textures (par exemple, textures croustillantes, tactiles de nourriture, bois brut, accents métalliques).
- **Grille d'Images :** Inclure une séquence horizontale de cinq images distinctes, à haute contraste, de nourriture et de portraits, chacune étiquetée avec un pilier de la marque (par exemple, Bold, Real, Confident, Craveable, Iconic).

### 05 APPLICATIONS DE MARQUE
- Montrez des applications réelles de l'identité visuelle sur plusieurs médias :
  - **Emballages de produit :** Des maquettes 3D d'emballages de nourriture de la marque.
  - **Page d'accueil du site web :** Une mise en page propre d'une page d'accueil de bureau avec un titre fort, une photo de produit et un bouton "Commandez maintenant".
  - **Écran d'application mobile :** Une interface moderne d'un smartphone montrant une interface de livraison de nourriture.
  - **Publications sur les réseaux sociaux :** Des maquettes pour Instagram (1:1 carré), Stories (9:16 vertical) et Bannières (16:9 large).
  - **Papeterie et en dehors des lieux :** Une carte de visite corporative minimaliste et une affiche publicitaire dramatique à impact élevé sur un panneau publicitaire de nuit.

### 06 SYSTÈME DE CONCEPTION (COMPONENTS UI)
- **Boutons :** Variations d'états (Par défaut, au survol, désactivé) pour les styles de boutons Principaux, Secondaires et Texte.
- **Cartes :** Cartes UI pour les articles du menu de nourriture avec des images de qualité, des titres, des prix et des badges promotionnels "Today's Deal".
- **Champs de saisie :** Boîtes de saisie de texte avec états Par défaut, Focalisé et Erreur.
- **Barre de navigation :** Mise en page de la barre de navigation de bureau avec un logo, des liens de menu et un bouton CTA actionnable.
- **Échelle d'espacement :** Une échelle visuelle d'un système de grille de 8px montrant des blocs d'espacement incrémentaux (8px, 16px, 24px, jusqu'à 96px).

### 07 ICONOGRAPHIE
- Une grille propre de 10 icônes minimalistes et uniformes en art de ligne représentant des actions et des catégories de produits principales : Poulet, Seau, Hamburger, Frites, Boisson, Emplacement, Livraison, Offres, Compte, Favori.

### 08 PATTERNS ET MOTIFS
- Cinq échantillons rectangulaires affichant des éléments de motifs répétitifs de la marque :
  - **Motif de bande :** Lignes verticales propres.
  - **Motif Colonel/Mascotte :** Un motif de logo en art de ligne répétitif sur un fond uni.
  - **Motif de texture :** Une texture subtile de matériaux bruts (comme du bois ou des grains de papier).
  - **Motifs de forme :** Éléments de conception géométrique en forme de vagues ou de rubans.
  - **Séparateurs :** Lignes fines, fonctionnelles et indicateurs UI.

### 09 MATÉRIAUX ET PROFONDEUR
- Quatre exemples visuels démontrant le rendu de l'espace physique :
  - **Ombres réelles :** Emballages de produit projetant des ombres ambiantes naturelles et directionnelles.
  - **Surfaces texturées :** Vues rapprochées de matériaux tactiles comme le papier, le carton et le bois.
  - **Réflexions :** Éclats subtils et surfaces polies sur des tasses en plastique ou en verre.
  - **Profondeur de couche :** Une interface mobile en couches montrant la hiérarchie de profondeur et les éléments superposés.

### CITATION D'EN-TÊTE
- Terminez le tableau avec un bloc d'accentuation rouge pur contenant une citation de grande taille en blanc du fondateur de la marque, à côté d'une illustration vectorielle propre du mascotte de la marque.