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.
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
Product | SKU | Price | Quantity | Total |
---|---|---|---|---|
Test product | $22.00 | 1 | $22.00 | |
Test productss | $22.00 | 1 | $22.00 |
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 | |
burger | |
youtube | |
zip | |
visa | |
express | |
paypal | |
afterpay | |
master card | |
mizuno-bird-logo | |
play-white | |
percentage | |
fire |