Typography

Important: Lineheights have not been defined in style guide design. We're defaulting to 1.5 across all headings for the time being.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Mauris non tempor quam, et lacinia sapien. Mauris accumsan eros eget libero posuere vulputate. Etiam elit elit, elementum sed varius at, adipiscing vitae est. Sed nec felis pellentesque, lacinia dui sed, ultricies sapien. Pellentesque orci lectus, consectetur vel posuere posuere, rutrum eu ipsum.

Text Link


TYPE BUTTON
"class_name" or [type]		 BUTTON
BUTTON DEFAULT
.button.button--primary		 Login
BUTTON SECONDARY
.button.button--secondary		 Book a fitting
BUTTON ALTERNATE
.button.button--alternate.button--custom		 Shop Shoes Explore more
BUTTON ALTERNATE DARK
.button.button--alternate-dark.button--custom		 Learn more Learn more
BUTTON DISABLE
[disable]
BUTTON ICON
.button.button--icon		 BUTTON
BUTTON LINK
.button.button--link		 Discover more
BUTTON SMALL
.button.button--small		 Add a new address
BUTTON MEDIUM
.button.button--medium		 Book a fitting
BUTTON LARGE
.button.button--primary.button--large		 Add to bag Go to Checkout
BUTTON TOGGLE MOBILE
.button.button--toggle-mobile		 Add to bag


Table account


Table responsive

Order Date Payment Status Fulfillment Status Tracking number Total
SOL-666 May 29, 2020 Authorized Unfulfilled 1234567 $22.00
SOL-888 May 29, 2020 Paid Fulfilled WN247245s64 $35.90
SOL-888 May 29, 2020 Paid Fulfilled WN247245s64 $35.90

Icon SVG

Path to icon Icon
logo
account
arrow-down
back
arrow-right
arrow-left
arrow-long-right
arrow-down-mini
search
bag
bell
delivery
error
filter
location
minus
plus
tick
user
close-svg
facebook
burger
instagram
youtube
zip
visa
express
paypal
afterpay
master card
mizuno-bird-logo
play-white
percentage
fire

Notice

Success notification Error notification Standard notification Due to the current COVID-19 pandemic, we are experiencing a delay in dispatch and delivery. More information

Navigation, Pagination, Labels


Breadcrumbs
Bread Crumbs