GitLab Pajamas
GitLab Pajamas / 2018– / スタイル / プラットフォームの画面言語
コード、課題、レビュー、CI/CD、セキュリティを一つのDevSecOps製品で横断するGitLabの画面言語。GitLab SansとMono、常設ナビ、密な一覧、紫を含む中立パレットが開発作業の連続性を支える。
ひと目で判断
見た目の特徴
- GitLab Sansとコード用GitLab Monoの併用
- 左ナビと上部クロームを基礎にした多層構造
- 課題・マージリクエスト・パイプラインの密な一覧
- 白または濃灰の面に紫をブランドの焦点として使う
向いている用途
- コードからデプロイまで異なる種類の開発情報を一つの製品で扱うとき
- 明暗テーマをまたいで、長い識別子、状態、差分、操作を読み分ける画面
このスタイルを使う
短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。
詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式
辞書情報
- 文字
- 本文はGitLab Sans、ブランチ名・コミットID・コードはGitLab Monoに分け、太さ400と600を軸にする。
- 構成
- アプリのクロームを固定し、作業内容に応じて主面と補助パネルを開閉する。
- 素材
- 中立色で面の前後を作り、紫はブランド、青・赤・緑は操作と状態へ意味を固定する。
- 注意
- GitLabの橙や狐を貼るだけではPajamasにならない。コード、状態、会話が同居しても読める階層を保つ。
- 関連研究
- Pajamas color and surface model / GitLab Sans and GitLab Mono / workspace and panel layouts
関連項目
- GitHub Primer（GitHub Primer）同じ「プラットフォームの画面言語」の系統。GitLab PajamasとGitHub Primerの違いを見る
- Carbon Design System（Carbon Design System）同じ「プラットフォームの画面言語」の系統。GitLab PajamasとCarbon Design Systemの違いを見る
プラットフォームの画面言語をさらに見る
同じ「プラットフォームの画面言語」から、共通する印象が多い順に次の項目を選んだ。
- アドワイタ（Adwaita）共通する印象：技術 / 静けさ / 信頼。
- GOV.UK デザインシステム（GOV.UK Design System）共通する印象：信頼 / 静けさ / 技術。
- ブリーズ（Breeze）共通する印象：技術 / 静けさ / 信頼。
この項目を引用する
辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。
- Link
- https://indexstyle.org/ja/styles/gitlab-pajamas
- Markdown
- [GitLab Pajamas（GitLab Pajamas） — デザインスタイル辞典](https://indexstyle.org/ja/styles/gitlab-pajamas)
- HTML
- <a href="https://indexstyle.org/ja/styles/gitlab-pajamas">GitLab Pajamas（GitLab Pajamas） — デザインスタイル辞典</a>