← Home

Building a design system at giffgaff

The giffgaff design system enables UX and UI designers to align on common visual standards and quickly put together designs for new journeys and pages. The design system started life in Sketch, before being rebuilt in Figma. A more limited design system was also implemented for Adobe Creative Cloud. The design system defines giffgaff's brand colors, spacing range, typography scale, and UI components.

giffgaff design system

screenshots of the design system in Sketch and Adobe