GitLab is a responsive experience that works well across all screen sizes, from mobile devices to large monitors. In order to provide a great user experience, the core functionality (browsing files, creating issues, writing comments, etc.) must be available at all resolutions. However, due to size limitations, some secondary functionality may be hidden on smaller screens. Please keep this functionality limited to rare actions that aren't expected to be needed on small devices.
GitLab's main typeface used throughout the UI is Source Sans Pro. We support both the bold and regular weight.
This is the typeface used for code blocks. GitLab uses the OS default font.
- Menlo (Mac)
- Consolas (Windows)
- Liberation Mono (Linux)
GitLab uses Font Awesome icons throughout our interface.
TODO: update this section, add more general guidance to icon usage and personality, etc.
|Primary and active (such as the current tab)||Organizational, managing, and retry commands|
|Opened||Create new objects|
|Warning||Non destructive action|
|Closed||Delete and other destructive commands|
|Neutral||Neutral secondary commands|
|Used for primary body text, such as issue description and comment|
|Used for secondary body text, such as username and date|
TODO: Establish a perspective for color in terms of our personality and rationalize with Marketing usage.
The mouse cursor is key in helping users understand how to interact with elements on the screen.