# GitLab Pajamas (GitLab Pajamas)

> 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.

- IndexStyle No.568 — https://indexstyle.org/styles/gitlab-pajamas
- Kind: Style · Family: Platform Screen Languages · Era: 2018–
- Mood: Technique, Trust, Calm
- What this family collects: Design languages written down for a platform and published, from the vendors that shipped an operating system to the governments that had no reason to hide rules paid for with public money, every one of them recognisable at a glance.

## Defining characteristics

- 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

## Composition recipe

- Typography & lettering: Use GitLab Sans for interface copy and GitLab Mono for branches, commit IDs and code, centered on weights 400 and 600.
- Layout & structure: Keep application chrome stable and open main and supporting panels according to the current work.
- Material & texture: Model depth with neutrals, reserve purple for brand affinity, and assign blue, red and green to stable action and status meanings.

## Colour

Read off the reference works below, so a direction rather than a fixed palette.

- Ground: #FBFAFD
- The colour it is remembered by: #7B58CF
- Text and outlines: #18171D

## What to avoid

Orange and the tanuki do not make a screen Pajamas. Preserve hierarchy when code, status and discussion share the same view.

## Application checklist

Work through this before calling a piece an application of this style.

- [ ] Visible in the piece: GitLab Sans paired with GitLab Mono for code
- [ ] Visible in the piece: Layered structure built from left navigation and application chrome
- [ ] Visible in the piece: Dense issue, merge-request and pipeline lists
- [ ] Visible in the piece: White or charcoal surfaces with purple as brand focus
- [ ] The layout follows: Keep application chrome stable and open main and supporting panels according to the current work.
- [ ] The lettering follows: Use GitLab Sans for interface copy and GitLab Mono for branches, commit IDs and code, centered on weights 400 and 600.
- [ ] The material and surface follow: Model depth with neutrals, reserve purple for brand affinity, and assign blue, red and green to stable action and status meanings.
- [ ] The colour relation holds: #FBFAFD as ground, #7B58CF carrying the style, #18171D for text and outlines
- [ ] At least one reference work below has been studied directly
- [ ] The caution above ("What to avoid") has been addressed

## Related styles

- **GitHub Primer (GitHub Primer)** — GitHub's design system for turning dense development workflows into shared rules for color, type, icons, spacing and components. It favors flow over decoration, keeping many states and actions in a small area without giving up accessibility or responsive behavior. → https://indexstyle.org/styles/github-primer
- **Carbon Design System (Carbon Design System)** — IBM's system for data-heavy enterprise products, combining a strict grid, IBM Plex type and compact components so complex work remains legible. → https://indexstyle.org/styles/carbon-design-system

## Compose it with something else

The dictionary can put this entry in a structural role and another in an accent role, and report where the two fight: https://indexstyle.org/compose?ids=gitlab-pajamas+github-primer

## Further study

- Pajamas color and surface model
- GitLab Sans and GitLab Mono
- Workspace and panel layouts

## Reference works

- GitLab Pajamas — Product Foundations — https://design.gitlab.com/product-foundations/

## AI interpretation

An AI-generated interpretation image exists for browsing convenience only — it is not a reference work: https://indexstyle.org/ai/gitlab-pajamas.jpg

## Source of record

- GitLab Pajamas — Product Foundations — https://design.gitlab.com/product-foundations/

## Machine surfaces

- JSON: https://indexstyle.org/api/styles/gitlab-pajamas
- Image-generation prompt (legally clean): https://indexstyle.org/styles/gitlab-pajamas/prompt.txt
- MCP: https://indexstyle.org/mcp (tools: search_styles, get_style, compare_styles, compose_styles, find_related_styles; prompts: image-prompt, apply-style)