GitLab Pajamas
GitLab Pajamas / 2018– / Style / Platform Screen Languages
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.
At a glance
Visual 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
Best used for
- Products spanning code through deployment
- Reading long identifiers, status, diffs and actions across light and dark themes
Use this style
Take the compact brief into a project or hand the structured version to an AI tool.
Detailed guidance and sourcesProduction rules, reference works, comparisons, research and citation formats
Dictionary entry
- Type
- Use GitLab Sans for interface copy and GitLab Mono for branches, commit IDs and code, centered on weights 400 and 600.
- Composition
- 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.
- Caution
- Orange and the tanuki do not make a screen Pajamas. Preserve hierarchy when code, status and discussion share the same view.
- Further study
- Pajamas color and surface model / GitLab Sans and GitLab Mono / Workspace and panel layouts
Related entries
- GitHub Primer (GitHub Primer)Same Platform Screen Languages lineage.Compare GitLab Pajamas and GitHub Primer
- Carbon Design System (Carbon Design System)Same Platform Screen Languages lineage.Compare GitLab Pajamas and Carbon Design System
More from Platform Screen Languages
Continue through styles in the same Platform Screen Languages family, prioritised by shared effects.
- Adwaita (アドワイタ)Shared effects: Technique / Calm / Trust.
- GOV.UK Design System (GOV.UK デザインシステム)Shared effects: Trust / Calm / Technique.
- Breeze (ブリーズ)Shared effects: Technique / Calm / Trust.
Browse all Platform Screen Languages entries
Cite this entry
The dictionary is meant to be linked to. Take whichever form fits where you are writing.
- Link
- https://indexstyle.org/styles/gitlab-pajamas
- Markdown
- [GitLab Pajamas — IndexStyle](https://indexstyle.org/styles/gitlab-pajamas)
- HTML
- <a href="https://indexstyle.org/styles/gitlab-pajamas">GitLab Pajamas — IndexStyle</a>