GitLab

Polishing GitLab’s UI: A new color system

Mar 29, 2018Pedro Moreira da Silva
Polishing GitLab’s UI: A new color system
SummaryAI, from the source post

This post details the technical implementation of a new color system for GitLab's UI. It addresses issues with the previous palette, including lack of brand extension, too many similar colors, and insufficient contrast. The new palette was built by extending brand colors, selecting only necessary hues, and ensuring WCAG compliance. It introduces a color priority system (1-4) to guide usage, similar to font weights, with colors named from 50 (lightest) to 950 (darkest). The post also discusses the decision to target AA for large text contrast as a minimum, even for small text, and the challenges encountered with green and orange backgrounds.

More from the UI Navigation and Layout Redesign trail