Accordions
This handy graphical display is how we show collapsable info to members
This handy graphical display is how we show collapsable info to members
This is how we bring urgent information to our members
A simple div with a strip of color at the top
Used to help members find where they are on the website
These cute clickable dials are how we let members know what action they should take
Pick a card, any card
It's my tick in a box, tick in a box
Radio buttons in disguise
This is how we show popular questions to our members
Focus. NOUN. A centre of interest or activity
These nifty inputs allow our members to send us information
This handsome little devil is how we let members know what's left in their goodybag
This little beauty shows what comes with a goodybag
Bundles of joy
Actionable Inputs
A link that looks a bit like a button
Connected items
Connected items, one below another
You spin me right round, right round round round
A class to style markdown generated HTML
Creating a website header? This is the masthead for you
So here we're specifically talking about how we position images on the left of text
Alerts
Delightful pop-ups
These are used to divide up the page
All of the pages
Select only one
Looking for something?
Select one and only one
Allowing our members the freedom to choose
Buttons to share the current page to social networks
Navigation links to put on the side of a page
Icons that link to giffgaff's social media accounts. This component is included in the footer
Icons that are clickable, with a little bit of text at the bottom
Show us your data
These clickable areas are how we show a grid of options
Moving pictures