Composition
Espace négatif actif
Le vide entoure les éléments importants et dirige l’attention au lieu de combler la page.
SkillCodexOuvrir les favoris et l’historique
Mouvement établi
Très peu d’éléments, beaucoup d’espace négatif et une hiérarchie typographique volontaire.
Aussi appelé: minimalist design, minimal web design
Définition et périmètre
Le minimalisme gouverne ce qui reste à l’écran. Il retire fonctions, ornements et messages secondaires jusqu’à ce que chaque élément restant ait un rôle clair, puis utilise l’espace négatif pour organiser l’attention.
Périmètre: Le minimalisme concerne la quantité et la composition. Le Flat Design concerne le rendu des surfaces. Un écran minimaliste peut conserver ombres ou profondeur, et une interface plate peut rester très chargée.
Les quatre signaux distinctifs doivent rester visibles sans dépendre du nom du style.
Composition
Le vide entoure les éléments importants et dirige l’attention au lieu de combler la page.
Composition
Chaque contrôle, message et décoration doit justifier sa présence.
Couleur
Une gamme courte de neutres et un accent suffisent à organiser l’écran.
Typographie
Une hiérarchie typographique forte remplace une grande partie de l’ornement.
Différence décisive avec le voisin le plus proche
Comprendre → Reconnaître → Choisir → Comparer
Instruction pré-écrite par SkillCodex — ta demande n’est ni envoyée ni utilisée pour adapter ce texte ; aucun contenu n’est généré et copier n’exécute rien.
implementation
# Implémenter Minimalism dans ton agent ## Objectif Crée une interface minimaliste autour d’un objectif principal, d’une action primaire et du contenu strictement nécessaire. Utilise l’espace négatif, une palette limitée et une hiérarchie typographique nette pour guider l’attention. ## Prérequis - Inspecte les composants, tokens et contraintes de marque existants. - Confirme que ce style convient à la surface et au contenu. - Préserve la structure, la sémantique et les interactions existantes. ## Comportement et surfaces - Espace négatif actif — Le vide entoure les éléments importants et dirige l’attention au lieu de combler la page. - Éléments comptés — Chaque contrôle, message et décoration doit justifier sa présence. - Palette limitée — Une gamme courte de neutres et un accent suffisent à organiser l’écran. - Typographie structurante — Une hiérarchie typographique forte remplace une grande partie de l’ornement. ## États - Couvre les états par défaut, survol, focus, actif, désactivé, chargement et erreur qui existent déjà. - Fournis un état statique lorsque la réduction de mouvement est demandée. ## Accessibilité - Conserver libellés, aides, erreurs et confirmations même s’ils augmentent la quantité de texte. - Ne pas utiliser l’espace comme seul signal de groupement ou de hiérarchie. - Maintenir des parcours de récupération et des actions secondaires réellement nécessaires. ## Non-objectifs - Retirer les informations d’aide et d’erreur au lieu de supprimer les redondances. - Étaler peu de contenu sur une très grande surface sans hiérarchie ni intention. ## Critères d’acceptation - Une page avec un objectif principal clair et peu de décisions concurrentes. - Un produit où la qualité de contenu permet de retirer la décoration et les explications répétées.
sha256:8c8c09b1138d252946da8b6e8e48c0f54315f02aeae99daa44787091340c884f
debugging
# Déboguer Minimalism dans ton agent ## Symptôme observé [DÉCRIS ICI LE SYMPTÔME] ## Contrôles observables - Compare la surface aux signaux visuels documentés. - Vérifie contraste, focus, réduction de mouvement et fallback. - Isole la couche visuelle sans modifier la structure fonctionnelle. ## Causes possibles - Le style masque la hiérarchie ou réduit le contraste. - L’effet est appliqué à trop de surfaces ou dépend d’une API absente. - Un état interactif n’est plus perceptible. ## Corrections bornées Répare ce minimalisme si des informations utiles ont disparu. Rétablis les libellés, aides, erreurs et états nécessaires, puis simplifie la composition sans sacrifier la compréhension ni la récupération après erreur. ## Vérification finale - Conserver libellés, aides, erreurs et confirmations même s’ils augmentent la quantité de texte. - Ne pas utiliser l’espace comme seul signal de groupement ou de hiérarchie. - Maintenir des parcours de récupération et des actions secondaires réellement nécessaires.
sha256:98e382079dfe8d38ae84c7631d1b2a265a7e7e6a4efabd648b3c83b4c2338416
Digest du Pack: sha256:daf196b6a85f91e49320b7ca02819928dcfac0f7ea7b0862ee6bdb4102a77759