{"id":"patternfly","no":566,"name":"PatternFly","ja":"PatternFly","era":"2012–","family":"プラットフォームの画面言語","kind":"スタイル","collection":"Dictionary expansion 30","addedAt":"2026-08-22","source":{"title":"PatternFly — Design Foundations","url":"https://www.patternfly.org/design-foundations/about/"},"reference":{"status":"verified","pageUrl":"https://www.patternfly.org/design-foundations/about/","credit":"PatternFly — Design Foundations"},"essence":"Red Hatが企業向け製品群のために育てたオープンソースの画面言語。複雑なインフラや管理対象を、高密度のナビゲーション、表、カード、状態表示で扱いながら、色を操作と異常へ絞って静かな作業面を保つ。","cues":["濃いマストヘッドと左サイドナビ","白と淡い灰の作業面に密な表とフォーム","青を主操作、赤・橙・緑を状態へ限定","複数ペインで一覧・詳細・操作を同時に見せる"],"intents":["技術","信頼","静けさ"],"works":["クラウド、コンテナ、ネットワークの状態と操作を一画面で扱う管理製品","複数の企業向け製品へ共通の密度、状態色、ナビゲーションを与えるとき"],"recipe":{"type":"見出し、本文、表ラベルを少数の段階へ固定し、値とコードは等幅で区別する。","layout":"濃いシェル、左ナビ、作業面、必要時だけ開く詳細ペインへ分ける。","material":"白と淡い灰を広く使い、青は操作、鮮色は警告と状態に限る。"},"avoid":"カードと表を詰め込むだけではPatternFlyにならない。作業の現在地と異常の優先順位が一目で分かる情報設計を先に作る。","colors":["#FFFFFF","#0066CC","#151515"],"motif":"ui","pair":["carbon-design-system","sap-fiori"],"study":["PatternFly design foundations","enterprise navigation and data views","Red Hat product applications"],"en":{"essence":"Red Hat's open-source screen language for enterprise products keeps complex infrastructure manageable through dense navigation, data views and tightly controlled status color.","cues":["Dark masthead and left navigation","Dense tables and forms on white or pale-gray work surfaces","Blue for primary action and red, orange or green for status","List, detail and action shown in coordinated panes"],"works":["Administration products for cloud, containers and networks","Giving a suite of enterprise products one density, navigation and status language"],"recipe":{"type":"Keep headings, body and table labels to a small hierarchy; distinguish values and code with monospace.","layout":"Separate dark shell, left navigation, work surface and an on-demand detail pane.","material":"Use white and pale gray broadly, blue for action and saturated color only for alerts and status."},"avoid":"Packing cards and tables together is not enough. Make current location and the priority of abnormal states obvious first.","study":["PatternFly design foundations","Enterprise navigation and data views","Red Hat product applications"]},"usage":{"license":"CC-BY-4.0","licenseName":"Creative Commons Attribution 4.0 International","licenseUrl":"https://creativecommons.org/licenses/by/4.0/","attribution":"IndexStyle — https://indexstyle.org","attributionUrl":"https://indexstyle.org","scope":"Original IndexStyle text and structured data. Reference images, quoted works, and third-party material are excluded and retain their own rights."}}