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