# GitLab

> Generated by BrandSweets from the gitlab BrandDoc (v2, schema 1). Do not edit by hand.

## Identity

**Tagline:** The most comprehensive AI-powered DevSecOps platform.

**Mission:** Everyone can contribute.

**Sector:** developer tools / DevSecOps platform

**Audience:** software teams shipping across the whole DevSecOps lifecycle

**Founded:** 2011

**Domain:** gitlab.com

**Guidelines:** https://about.gitlab.com/brand/


GitLab is a single application for the entire DevSecOps lifecycle — plan, build, secure, and ship software in one place. The brand centers on the tanuki: a warm orange mark whose gradient is the brand's signature, balanced by a confident purple and the commissioned GitLab Sans. It is open, collaborative, and unapologetically transparent.

### Values

- **Collaboration** — Everyone can contribute — inside the company and out.
- **Transparency** — Default to open; the handbook is public.
- **Results** — Efficiency and iteration over ceremony.

## Voice

**Tone:** open, collaborative, straightforward, transparent

### Do

- Be transparent and direct — default to open
- Speak to the whole team, not just one role
- Explain the whole lifecycle plainly
- Credit the community

### Don't

- Avoid closed, gatekeeping language
- Don't hide caveats or limitations
- Skip empty enterprise buzzwords

### Sample copy

- **button** _(cta)_: "Get free trial" — `cta-button`
- **empty project** _(empty-state)_: "No repositories yet. Create your first project to get started." — `empty-state`
- **hero headline** _(headline)_: "Software. Faster." — `hero-headline`
- **merge request notification** _(notification)_: "Your merge request passed all pipelines and is ready to merge." — `notification`

### Vocabulary

- **Preferred:** merge request, pipeline, DevSecOps, everyone can contribute, iteration
- **Avoided:** pull request, synergy, leverage, ninja
- **GitLab:** One word, camel-cased G and L; the platform and the company.
- **Merge request:** GitLab's term for a proposed change; prefer over 'pull request'.
- **Tanuki:** The raccoon-dog mark; capitalized when naming the symbol.

## Colors

| Role | Name | Hex | Dark | Usage |
| --- | --- | --- | --- | --- |
| `primary` | Tanuki Orange | `#fc6d26` | — | The warm tanuki orange — primary brand color and CTAs. |
| `secondary` | GitLab Purple | `#6e49cb` | — | The confident purple — secondary brand color, links, accents. |
| `surface` | White | `#ffffff` | `#1f1f1f` | Clean white canvas; dark mode uses the near-black. |
| `text` | Gray 950 | `#1f1f1f` | `#fafafa` | Body and heading text on white; near-white on dark. |

### Scales

- **primary:** 50 `#fff1e8`, 100 `#ffdcc4`, 200 `#ffbe93`, 300 `#fd9b5b`, 400 `#fc8034`, 500 `#fc6d26`, 600 `#e2540c`, 700 `#b8420a`, 800 `#93350c`, 900 `#792d0e`, 950 `#411403`
- **secondary:** 50 `#f2eefb`, 100 `#e2d8f6`, 200 `#c6b3ee`, 300 `#a688e3`, 400 `#8a66d8`, 500 `#7654cf`, 600 `#6e49cb`, 700 `#5b39a8`, 800 `#4a2f86`, 900 `#3d286d`, 950 `#25153f`
- **surface:** 50 `#ffffff`, 100 `#fafafa`, 200 `#ececef`, 300 `#dcdcde`, 400 `#b0b0b3`, 500 `#89888d`, 600 `#626168`, 700 `#454549`, 800 `#303035`, 900 `#1f1f1f`, 950 `#141414`
- **text:** 50 `#f5f5f5`, 100 `#e6e6e6`, 200 `#cccccc`, 300 `#a6a6a6`, 400 `#808080`, 500 `#5c5c5c`, 600 `#454545`, 700 `#333333`, 800 `#262626`, 900 `#1f1f1f`, 950 `#141414`

## Typography

### Families

#### GitLab Mono `gitlab-mono`
- **Source:** commissioned
- **Foundry:** GitLab
- **Weights:** 400 Regular, 700 Bold
- **Fallback stack:** `"GitLab Mono", ui-monospace, SFMono-Regular, Menlo, monospace`
- **Licensing:** GitLab Mono — GitLab's commissioned monospace, released openly. Used in code and diffs.
- **License:** https://gitlab.com/gitlab-org/frontend/fonts

#### GitLab Sans `gitlab-sans`
- **Source:** commissioned
- **Foundry:** GitLab
- **Weights:** 400 Regular, 500 Medium, 600 Semibold, 700 Bold
- **Fallback stack:** `"GitLab Sans", Inter, system-ui, sans-serif`
- **Licensing:** GitLab Sans is GitLab's commissioned brand typeface, released openly. Reference by name; self-host per its OFL terms.
- **License:** https://gitlab.com/gitlab-org/frontend/fonts
- **Usage:** The brand sans across display, heading, and body.

### Role assignments

- **display:** GitLab Sans (`gitlab-sans`) — weights 600, 700
- **heading:** GitLab Sans (`gitlab-sans`) — weights 500, 600
- **body:** GitLab Sans (`gitlab-sans`) — weights 400, 500
- **mono:** GitLab Mono (`gitlab-mono`)

### Scale

| Step | Size (rem) | Line height | Tracking (em) |
| --- | --- | --- | --- |
| xs | 0.75 | 1.5 | — |
| sm | 0.875 | 1.5 | — |
| base | 1 | 1.6 | — |
| lg | 1.25 | 1.4 | — |
| xl | 1.75 | 1.2 | — |
| display | 3 | 1.05 | -0.02 |

## Gradients

- **tanuki-gradient:** `linear-gradient(90deg, #fca326 0%, #fc6d26 50%, #e24329 100%)` — The signature tanuki gradient — the mark's three-orange sweep. Brand moments only.

## Logos

### primary
- **Formats:**
  - `svg` (24×24): data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20role%3D%22img%22%3E%3Ctitle%3EGitLab%3C%2Ftitle%3E%3Cpath%20d%3D%22m23.6004%209.5927-.0337-.0862L20.3.9814a.851.851%200%200%200-.3362-.405.8748.8748%200%200%200-.9997.0539.8748.8748%200%200%200-.29.4399l-2.2055%206.748H7.5375l-2.2057-6.748a.8573.8573%200%200%200-.29-.4412.8748.8748%200%200%200-.9997-.0537.8585.8585%200%200%200-.3362.4049L.4332%209.5015l-.0325.0862a6.0657%206.0657%200%200%200%202.0119%207.0105l.0113.0087.03.0213%204.976%203.7264%202.462%201.8633%201.4995%201.1321a1.0085%201.0085%200%200%200%201.2197%200l1.4995-1.1321%202.4619-1.8633%205.006-3.7489.0125-.01a6.0682%206.0682%200%200%200%202.0094-7.003z%22%20fill%3D%22%23FC6D26%22%2F%3E%3C%2Fsvg%3E
  - `png` (960×256): brands/gitlab/logo-primary@2x.png
- **Clearspace:** 0.5× mark-width — Half the tanuki width of clear space on all sides.
- **Min size:** 96px w (screen)
- **Allowed backgrounds:** light, dark
- **Notes:** Official monochrome mark from simple-icons (CC0 / public domain). Source: https://about.gitlab.com/press/press-kit/

### mark
- **Symbol name:** Tanuki
- **Formats:**
  - `svg` (96×96): brands/gitlab/tanuki.svg
- **Clearspace:** 0.5× mark-width
- **Min size:** 24px w (screen)
- **Allowed backgrounds:** any
- **Colors:** primary

### mono
- **Formats:**
  - `svg` (24×24): data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20role%3D%22img%22%3E%3Ctitle%3EGitLab%3C%2Ftitle%3E%3Cpath%20d%3D%22m23.6004%209.5927-.0337-.0862L20.3.9814a.851.851%200%200%200-.3362-.405.8748.8748%200%200%200-.9997.0539.8748.8748%200%200%200-.29.4399l-2.2055%206.748H7.5375l-2.2057-6.748a.8573.8573%200%200%200-.29-.4412.8748.8748%200%200%200-.9997-.0537.8585.8585%200%200%200-.3362.4049L.4332%209.5015l-.0325.0862a6.0657%206.0657%200%200%200%202.0119%207.0105l.0113.0087.03.0213%204.976%203.7264%202.462%201.8633%201.4995%201.1321a1.0085%201.0085%200%200%200%201.2197%200l1.4995-1.1321%202.4619-1.8633%205.006-3.7489.0125-.01a6.0682%206.0682%200%200%200%202.0094-7.003z%22%20fill%3D%22%23111111%22%2F%3E%3C%2Fsvg%3E
- **Clearspace:** 1× logo-height — Default clearspace of one logo-height on all sides (auto-seeded; refine after review).
- **Min size:** 24px w (screen)
- **Allowed backgrounds:** light, muted
- **Disallowed backgrounds:** dark
- **Notes:** Official monochrome mark from simple-icons (CC0 / public domain). Source: https://about.gitlab.com/press/press-kit/

### inverse
- **Formats:**
  - `svg` (480×128): brands/gitlab/logo-inverse.svg
- **Clearspace:** 0.5× mark-width
- **Min size:** 96px w (screen)
- **Allowed backgrounds:** dark, brand

### favicon
- **Formats:**
  - `svg` (32×32): brands/gitlab/favicon.svg
  - `ico` (32×32): brands/gitlab/favicon.ico
- **Allowed backgrounds:** any

## Usage Rules

- **[MUST] Meet WCAG AA for text** (accessibility) — Gray 950 on white clears AA; keep orange for fills and large type, not small body copy on white. `contrast-aa`
- **[MUST] Respect logo clear space** (logo) — Keep at least half the tanuki width of clear space around the lockup. `logo-clearspace`
- **[MUST NOT] Never recolor the tanuki** (logo) — The tanuki keeps its three-orange gradient. Don't flatten it or swap in brand purple. `tanuki-no-recolor`
  - Don't: Filling the tanuki solid purple.
- **[SHOULD] Default to open** (voice) — Be transparent and direct. Credit the community; skip gatekeeping language. `voice-open`

## Boards

- **GitLab — Brand** — `cover` (`board-cover`)
- **Logo** — `logo-suite` (`board-logos`)
- **Color** — `color-system` (`board-colors`)
- **Typography** — `type-specimen` (`board-type`)
- **Voice** — `voice` (`board-voice`)
- **Imagery** — `imagery` (`board-imagery`)

## Resources

- Tokens (JSON): /b/gitlab/tokens.json
- Tokens (CSS): /b/gitlab/brand.css
- This document: /b/gitlab/brand.md
- MCP endpoint (public read): mcp.brandsweets.com/gitlab/mcp
- Agent integration guide: /agents.md