The atlas

37 parts, from a single button to a whole page.

• Visible links: The main places of the site, on show
• Menu button: All the places, behind one button
• Search box: Go straight to what you already know you want
• Breadcrumb: Where you are, and the way back up
• Pages: Move through a long list in steps
• Tabs: Switch views of one thing
• Action pair: A main action with a softer way in beside it
• Option picker: Pick size or colour with all options in view
• Buy controls: Quantity and the button that buys
• Form field: Label, field and help in one place
• One-line form: One field and one button
• Time picker: Choose day and time without phoning
• Heading group: Eyebrow, heading and a sentence, the top of most sections
• Picture with caption: A picture and what it shows
• Feature: One benefit: icon, name, a sentence
• Number: A large figure and what it counts
• Step: One numbered step of a process
• Question: A question that opens to its answer
• Byline: Who wrote this, and when
• Product card: A product you can compare in a grid
• Category tile: A door into part of the range
• Article card: A story you can decide to open
• Plan: One price level, with what is in it
• Price block: Price, with what you need to know beside it
• Filter group: Narrow a list down
• Basket line: One thing in the basket
• Rating summary: The average and how many reviews it rests on
• Testimonial: A named person who says it worked
• Review: One customer’s verdict with a score
• Logo row: Well-known names that use this
• Promise: A short promise that lowers the risk
• Person: A face, a name, what they do
• Contact line: Phone, mail and address, each one tap away
• Opening hours: When you can come or call
• Menu item: A dish or drink with its price
• Event row: What, when, and a way in
• Spec row: One property and its value