Core logo

The core logo consists of the full-color logomark and wordmark in horizontal format. The core logo is the standard logo orientation to be used across all marketing materials, when the application or surrounding elements are ideal for the width of its proportions.

Wordmark

The name GitLab is inspired by the name of the Git open source version control system that GitLab uses, and the collaboration, experimentation, and innovation that occurs when teams iterate in a laboratory.

The wordmark is a modified version of Inter Semi Bold. The wordmark can’t be used independently and should always be presented alongside the logomark.

Anatomy of the GitLab logo
GitLab logo anatomy

Clear space

Clear space is the area, equal to the x-height, surrounding the entire logo; the x-height is measured by the height of the letter a from the wordmark.

This area should be kept free of any visual elements, including text, graphics, borders, patterns, and other logos. Ensuring proper clear space between the logo and surrounding elements preserves the visual integrity of our brand.

GitLab logo with clear space
GitLab logo with clear space equal to the width of the lowercase "a" from the wordmark

Scalability

When scaling either the logo or logomark, it should take up no more than 20% of the height of the frame of the asset. The percentage scales shown are based on the page height of 1080px.

The minimum size is 20px for digital and 0.4” (11mm) for print.

GitLab logo sizing
GitLab logo sizing

Placement

The GitLab logo and tanuki logomark are bold, eye-catching devices, so their placement requires thought and care. Alone, these assets can anchor text or expand to become the hero. They should not be overused or excessively repeated in a single asset.

Placement should primarily be left-aligned, either at the top or bottom corner, depending on which location balances the design and surrounding elements best. This placement allows the copy to be the main focus.

Centered placement should be reserved for times when the logo needs to be the main focus (i.e. video bumpers/end slates). In these cases, the logo is typically scaled larger.

Right-aligned corner placement (top or bottom) can be used in specific cases when left-aligned or centered doesn't work with the design layout or output medium. Right-aligned is only decided on a case-by-case basis and when there is valid reason for its usage.

Logo variations

The full color logo is the default logo to be used, however, there are times that the one color variation of the logo and logomark can be used. The one color variation can be considered when…

  • Restricted to a single-color use (i.e. print/merchandise applications)
  • Additional logo brand awareness needed in combination with the the full color logo (i.e. large event booths)
Single color logo use
Single color GitLab logo variations

Incorrect usage

GitLab logo incorrect usage
  1. Do not apply a stroke to the logo
  2. Do not recolor any part of the logo
  3. Do not transform or alter the logo in any way
  4. Do not rearrange the logo in any way
  5. Do not apply drop shadow or effects to the logo
  6. Do not rotate the logo in any way
  7. Do not distort the logo in any way
  8. Do not use the logo as a framing device for imagery

Last updated at: