• Skip to main content
giffgaff design
  • Design fundamentals
    • Borders
    • Breakpoints
    • Colour palette
    • Digital noise
    • Doodles
    • Gradients
    • Illustration
    • Images
    • Layout and grids
    • Separators
    • Shadows
    • Shapes
    • Spacers
    • Texture
    • Themes
    • Typography
  • Components
    • Components for email
    • App store buttons
    • Box
    • Buttons
    • goodybag with details
    • Image components
    • Links
    • Lists
    • Masthead
    • Components for web
    • Accordions
    • Alert
    • Box
    • Breadcrumbs
    • Buttons
    • Cards
    • Checkbox
    • Chunky buttons
    • FAQs
    • Focus panel
    • Form input
    • goodybag meters
    • goodybag with details
    • goodybags
    • Input field with button
    • Link Button
    • Links
    • Lists
    • Loading icon
    • Markdown
    • Masthead
    • Media object
    • Minor alert
    • Modal
    • Page section
    • Pagination
    • Radio input
    • Search input
    • Select list
    • Select
    • Share buttons
    • Side nav
    • Social Links
    • Spots
    • Striped Table
    • Tiles
    • Video
  • Writing
    • A - Z
    • App writing
    • Error messaging
    • How to guides
    • Lorem giffsum
    • Writing with SEO in mind
    • Sound like giffgaff
    • Tone of voice
    • USPs
    • Why reading age is important
  • Resources
    • The giffgaff.design cheat sheet
  • More
    Brand
    • Brand story
    • Logo
    Design tokens
    • JSON Design tokens
    • Less Design tokens
    • Sass Design tokens
    Guidelines
    • Browser support policy
    • Creating components
    Iconography
    • Icon code
    • Icon design
    • Icons
  • Brand
    • Brand story
    • Logo
  • Components
    • Components for email
    • Components for web
  • Design fundamentals
    • Borders
    • Breakpoints
    • Colour palette
    • Digital noise
    • Doodles
    • Gradients
    • Illustration
    • Images
    • Layout and grids
    • Separators
    • Shadows
    • Shapes
    • Spacers
    • Texture
    • Themes
    • Typography
  • Design tokens
    • JSON Design tokens
    • Less Design tokens
    • Sass Design tokens
  • Guidelines
    • Browser support policy
    • Creating components
  • Iconography
    • Icon code
    • Icon design
    • Icons
  • Resources
    • The giffgaff.design cheat sheet
  • Writing
    • A - Z
    • App writing
    • Error messaging
    • How to guides
    • Lorem giffsum
    • Sound like giffgaff
    • Tone of voice
    • USPs
    • Why reading age is important
    • Writing with SEO in mind

Components for web

  • Accordions
  • Alert
  • Box
  • Breadcrumbs
  • Buttons
  • Cards
  • Checkbox
  • Chunky buttons
  • FAQs
  • Focus panel
  • Form input
  • goodybag meters
  • goodybag with details
  • goodybags
  • Input field with button
  • Link Button
  • Links
  • Lists
  • Loading icon
  • Markdown
  • Masthead
  • Media object
  • Minor alert
  • Modal
  • Page section
  • Pagination
  • Radio input
  • Search input
  • Select list
  • Select
  • Share buttons
  • Side nav
  • Social Links
  • Spots
  • Striped Table
  • Tiles
  • Video

goodybags

Bundles of joy


How we design them

Never display a goodybag smaller than 112px high. We need to keep the word ‘goodybag’ readable.

Our core goodybags

  • £6 goodybag
  • £8 goodybag
  • £10 goodybag
  • £12 goodybag
  • £15 goodybag
  • £20 goodybag
  • £25 goodybag

goodybags with reservetank

  • £10 goodybag
  • £12 goodybag
  • £15 goodybag
  • £20 goodybag

Download the SVG collection

Download the PNG collection

giffgaff runs on the O2 network

Copyright © 2021 giffgaff