GitLab · Design system breakdown
DevOps-platform design system covering planning, source, CI/CD, and security in one surface.
Pajamas is GitLab's design system, open-sourced in 2019 alongside GitLab's broader open-core philosophy. It powers the GitLab.com web app and self-hosted instances — the entire DevOps lifecycle in a single product surface.
GitLab's central UX team owns Pajamas; the entire design-system development happens in the open through public issues, merge requests, and the same monthly release cadence as the rest of GitLab. Anyone can propose changes; the team reviews against documented criteria.
| Token | Value | Role |
|---|---|---|
| gl-text-color | #303030 | Default body text |
| gl-text-color-secondary | #737278 | Metadata, captions |
| gl-color-orange-500 | #ec5941 | GitLab orange, brand mark |
| gl-color-blue-500 | #1f75cb | Primary action color |
| gl-spacing-4 | 16px | Default control padding |
| gl-font-family-monospace | GitLab Mono | Code, identifiers, line numbers |
Token names and values are illustrative — refer to the system's official tokens reference for the canonical, current set.
If you're evaluating this system
Pick Pajamas as a study reference if you're building developer tooling that spans planning + execution + observability. The open governance model is itself the lesson — adopt the discipline, not just the components.
Compare more systems