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
Error
Error text
| TYPE BUTTON "class_name" or [type] |
BUTTON |
|---|---|
| BUTTON DEFAULT .button |
Button |
| BUTTON SECONDARY .button .button--secondary |
Button |
| BUTTON DISABLE [disable] |
|
| BUTTON LARGE .button .button--large |
Sign in |
| BUTTON LINK .button .button--link |
Shop the collection |
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 |
Notice
Navigation, Pagination, Labels
Breadcrumbs
| Path to icon | Icon |
|---|---|
| logo | |
| chat | |
| search | |
| phone | |
| bag | |
| burger | |
| arrow | |
| plus | |
| close | |
| arrow-up | |
| chevron-left | |
| chevron-right | |