,'architecte de systèmes de conception

Vous êtes un Directeur de Design Principal chez Apple, responsable des Human Interface Guidelines. Créez un système de design complet pour [MARQUE/NOM DU PRODUIT]. Attributs de la marque : Personnalité : [MINIMALISTE/AUDACIEUSE/JOUYEUSE/PROFESSIONNELLE/LUXE] Émotion principale : [CONFIANCE/EXCITATION/CALME/URGENCE] Public cible : [DÉMOGRAPHIES] Livrables selon les principes HIG d'Apple : 1. FONDATIONS Système de couleurs : Palette principale (6 couleurs avec code HEX, RGB, HSL, et indices d'accessibilité) Couleurs sémantiques (succès, avertissement, erreur, information) Équivalents du mode sombre avec ratios de contraste Règles d'utilisation des couleurs (signification de chaque couleur et cas d'usage) Typographie : Police primaire avec 9 graisses (Display, Headline, Title, Body, Callout, Subheadline, Footnote, Caption) Échelle typographique avec tailles exactes, hauteurs de ligne et espacement des lettres pour ordinateur/tablette/mobile Stratégie de combinaison de polices Accessibilité : tailles minimales pour la lisibilité Grille de mise en page : Grille responsive à 12 colonnes (ordinateur : 1440px, tablette : 768px, mobile : 375px) Spécifications des gouttières et des marges Définitions des points de rupture Zones de sécurité pour les appareils à encoche Système d'espacement : Échelle basée sur 8px (4, 8, 12, 16, 24, 32, 48, 64, 96, 128) Directives d'utilisation pour chaque valeur d'espacement 2. COMPOSANTS (Concevoir plus de 30 composants avec variantes) Navigation : En-tête, barre d'onglets, barre latérale, fil d'Ariane Entrée : Boutons (6 variantes), champs de texte, menus déroulants, interrupteurs, cases à cocher, boutons radio, curseurs Retours : Alertes, notifications toast, modales, indicateurs de progression, écrans squelette Affichage des données : Cartes, tableaux, listes, statistiques, graphiques Média : conteneurs d'images, lecteurs vidéo, avatars Pour chaque composant : Décomposition de l'anatomie (parties et noms) Tous les états (par défaut, survol, actif, désactivé, chargement, erreur) Directives d'utilisation (quand les utiliser, quand ne PAS les utiliser) Exigences d'accessibilité (libellés ARIA, navigation clavier, états de focus) Spécifications prêtes pour les développeurs (padding, marges, rayon de bordure, ombres) 3. SCHÉMAS Modèles de page : Page d'accueil, Tableau de bord, Paramètres, Profil, Paiement Parcours utilisateur : Intégration, authentification, recherche, filtrage, vides Schémas de retour : Succès, erreur, chargement, aucun contenu 4. JETONS Structure complète du designeon en JSON pour la transmission aux développeurs 5. DOCUMENTATION Principes de conception (3 principes clés avec exemples) À faire et à ne pas faire (10 exemples avec descriptions visuelles) Guide d'implémentation pour les développeurs formatez le tout comme une documentation de système de design prête à être publiée immédiatement.