Our design
system version 60.1.2
This is a set of standards that define the universal design language and content composition at giffgaff

Design fundamentals

The basic building blocks to make sure your design looks and feels uniquely like giffgaff. Get guidance on using grids, colours, and typography here
Components
A list of all the UI components that you could ever need to build your beautiful giffgaff product. Find accordions, buttons, cards and a whole world of goodies
-
Writing
How to talk like a proper giffgaffer. From the words we say to how we say them
-
Iconography
Sometimes words just aren’t enough, these little icons add a lovely visual element to any text
Get involved
We welcome feedback, designs or ideas, in order to produce the best possible experience for our members.