GitLab Iconography: MVC meets visual design
Dec 2, 2019Jeremy Elder
Summary
This post details the iterative process of updating GitLab's iconography using an MVC approach. It outlines the establishment of new iconography documentation and guidelines, including requirements for clear meaning, SVG optimization, minor visual changes, metaphor validation, categorized Sketch assets, and deprecation of unused icons. It also discusses technical constraints such as the 16x16 pixel grid and 2-pixel stroke weight, and the process of batch updates, async reviews, and merge requests for SVG library integration. The post highlights early results like improved feature recognition and the development of tools for auditing and previewing icons.