PatternFly

PatternFly / 2012– / Style / Langages d'écran

Le langage d'écran open source de Red Hat pour les produits d'entreprise rend les infrastructures complexes gérables par une navigation dense, des vues de données et une couleur d'état strictement maîtrisée.

PatternFly — PatternFly — official desktop data-list demo snapshot — Copyright (c) 2019 Red Hat, Inc. / MIT
PatternFly — official desktop data-list demo snapshot — Copyright (c) 2019 Red Hat, Inc. / MIT · MIT
PatternFly — interprétation générée par IA 1
Interprétation générée par IA, pas une œuvre de référence
PatternFly — interprétation générée par IA 2
Interprétation générée par IA, pas une œuvre de référence

En un coup d’œil

Signes visuels

  • Bandeau sombre et navigation à gauche
  • Tableaux et formulaires denses sur blanc ou gris pâle
  • Bleu pour l'action principale et rouge, orange ou vert pour l'état
  • Liste, détail et action dans des panneaux coordonnés

Usages idéaux

  • Administration products for cloud, containers and networks
  • Giving a suite of enterprise products one density, navigation and status language

Utiliser ce style

Appliquez le brief concis au projet ou transmettez la spécification structurée à un outil d’IA.

design.mdprompt d’imageAPI JSONMCP et accès machineComposer
ouvrir dans ChatGPTouvrir dans Claudeouvrir dans Google AI
Guide détaillé et sourcesRègles de production, œuvres de référence, comparaisons, recherche et citations

Entrée du dictionnaire

Typographie
Keep headings, body and table labels to a small hierarchy; distinguish values and code with monospace.
Composition
Separate dark shell, left navigation, work surface and an on-demand detail pane.
Matière
Use white and pale gray broadly, blue for action and saturated color only for alerts and status.
Précaution
Packing cards and tables together is not enough. Make current location and the priority of abnormal states obvious first.
Pour approfondir
PatternFly design foundations / Enterprise navigation and data views / Red Hat product applications

Entrées liées

Plus de Langages d'écran

Poursuivez avec des styles de Langages d'écran, classés par effets communs.

Voir toutes les entrées Langages d'écran

Citer cette entrée

Le dictionnaire est fait pour être lié. Prenez la forme qui convient là où vous écrivez.

Link
https://indexstyle.org/fr/styles/patternfly
Markdown
[PatternFly — IndexStyle](https://indexstyle.org/fr/styles/patternfly)
HTML
<a href="https://indexstyle.org/fr/styles/patternfly">PatternFly — IndexStyle</a>

Revenir à sa position dans l’index