Inside GitLab: Illustrations and icons on GitLab.com

This post details the technical and design process behind replacing Font Awesome with a custom SVG-based icon system and developing a new series of illustrations for GitLab.com. It covers defining a consistent visual style by adjusting color palettes, ensuring brand consistency between the product and website, and reflecting GitLab's values of playfulness, delight, and inclusivity. The technical implementation involves creating SVG files, managing them in a dedicated repository (GitLab SVGs), and optimizing them for use as SVG sprites and illustrations. The post also highlights the accessibility considerations for icon design (thick borders) and the benefits of using SVGs for streamlined processes.