• 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

Links

Connected items


How they look

View demo Open in new window
Open in new window
320 x 568
View code

<p><a class="gg-u-link">I am a link</a></p>
<p><a class="gg-u-link gg-u-link--arrow">I have an arrow</a></p>

giffgaff runs on the O2 network

Copyright © 2021 giffgaff