{"id":"gitlab-pajamas","no":568,"name":"GitLab Pajamas","ja":"GitLab Pajamas","era":"2018–","family":"プラットフォームの画面言語","kind":"スタイル","collection":"Dictionary expansion 30","addedAt":"2026-08-22","source":{"title":"GitLab Pajamas — Product Foundations","url":"https://design.gitlab.com/product-foundations/"},"reference":{"status":"verified","pageUrl":"https://design.gitlab.com/product-foundations/","credit":"GitLab Pajamas — Product Foundations"},"essence":"コード、課題、レビュー、CI/CD、セキュリティを一つのDevSecOps製品で横断するGitLabの画面言語。GitLab SansとMono、常設ナビ、密な一覧、紫を含む中立パレットが開発作業の連続性を支える。","cues":["GitLab Sansとコード用GitLab Monoの併用","左ナビと上部クロームを基礎にした多層構造","課題・マージリクエスト・パイプラインの密な一覧","白または濃灰の面に紫をブランドの焦点として使う"],"intents":["技術","信頼","静けさ"],"works":["コードからデプロイまで異なる種類の開発情報を一つの製品で扱うとき","明暗テーマをまたいで、長い識別子、状態、差分、操作を読み分ける画面"],"recipe":{"type":"本文はGitLab Sans、ブランチ名・コミットID・コードはGitLab Monoに分け、太さ400と600を軸にする。","layout":"アプリのクロームを固定し、作業内容に応じて主面と補助パネルを開閉する。","material":"中立色で面の前後を作り、紫はブランド、青・赤・緑は操作と状態へ意味を固定する。"},"avoid":"GitLabの橙や狐を貼るだけではPajamasにならない。コード、状態、会話が同居しても読める階層を保つ。","colors":["#FBFAFD","#7B58CF","#18171D"],"motif":"ui","pair":["github-primer","carbon-design-system"],"study":["Pajamas color and surface model","GitLab Sans and GitLab Mono","workspace and panel layouts"],"en":{"essence":"GitLab's screen language connects code, issues, review, CI/CD and security inside one DevSecOps product through GitLab Sans and Mono, persistent navigation, dense lists and a purple-inflected neutral palette.","cues":["GitLab Sans paired with GitLab Mono for code","Layered structure built from left navigation and application chrome","Dense issue, merge-request and pipeline lists","White or charcoal surfaces with purple as brand focus"],"works":["Products spanning code through deployment","Reading long identifiers, status, diffs and actions across light and dark themes"],"recipe":{"type":"Use GitLab Sans for interface copy and GitLab Mono for branches, commit IDs and code, centered on weights 400 and 600.","layout":"Keep application chrome stable and open main and supporting panels according to the current work.","material":"Model depth with neutrals, reserve purple for brand affinity, and assign blue, red and green to stable action and status meanings."},"avoid":"Orange and the tanuki do not make a screen Pajamas. Preserve hierarchy when code, status and discussion share the same view.","study":["Pajamas color and surface model","GitLab Sans and GitLab Mono","Workspace and panel layouts"]},"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."}}