Skip to main content

Design fundamentals
- Borders
- Breakpoints
- Colour palette
- Digital noise
- Doodles
- Illustration
- Images
- Layout and grids
- Separators
- Shadows
- Shapes
- Spacers
- Texture
- Themes
- Typography
Components
- Components for email
- Box
- Buttons
- Components for web
- Accordions
- Alert
- Box
- Breadcrumbs
- Buttons
- Cards
- Checkbox
- Chunky buttons
- FAQs
- Focus panel
- Form error
- Form input
- Input field with button
- Link Button
- Links
- Lists
- Loading icon
- Markdown
- Masthead
- Media object
- Minor alert
- Modal
- Page section
- Radio input
- Search input
- Select
- Select list
- Share buttons
- Side nav
- Social Links
- Spots
- Striped Table
- Tiles
- Video
- goodybag meters
- goodybag with details
- goodybags
Writing
Resources
- The giffgaff.design cheat sheet
More
Brand
- Brand story
- Logo
Design tokens
Guidelines
- Browser support policy
- Creating components
Iconography

Brand
- Brand story
- Logo
Components
- Components for email
- Components for web
Design fundamentals
- Borders
- Breakpoints
- Colour palette
- Digital noise
- Doodles
- Illustration
- Images
- Layout and grids
- Separators
- Shadows
- Shapes
- Spacers
- Texture
- Themes
- Typography
Design tokens
Guidelines
- Browser support policy
- Creating components
Iconography
Resources
- The giffgaff.design cheat sheet
Writing

Components for web

Links

Connected items

How they look

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 © 2020 giffgaff