Typography
Important: Lineheights have not been defined in style guide design. We're defaulting to 1.5 across all headings for the time being.
H1
H2
H3
H4
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 |
|---|---|---|
| BUTTON DEFAULT .button |
Button | Button |
| BUTTON SECONDARY .button .button--secondary |
Button | Explore now |
| BUTTON ALTERNATE .button .button--alternate |
Button | Shop now |
| BUTTON OUTLINE .button .button--outline |
Create an account | |
| BUTTON DISABLE [disable] |
||
| BUTTON ICON .button .button--icon |
Add to cart | Go to Checkout |
| BUTTON LINK .button.button--link |
Learn more | Shop now |
| BUTTON TRIANGLE .button.button--triangle |
Shop now |
Icon SVG
| Path to icon | Icon |
|---|---|
| logo | |
| chevron-up | |
| chevron-down | |
| arrow-left | |
| chevron-left | |
| chevron-left-light | |
| chevron-left-solid | |
| arrow-right | |
| chevron-right | |
| chevron-right-light | |
| chevron-right-solid | |
| long-arrow-right | |
| long-arrow-right-2 | |
| search | |
| cart | |
| shopping-cart | |
| user | |
| user-outline | |
| close-svg | |
| close-menu | |
| close-white | |
| plus | |
| plus-icon | |
| minus | |
| next | |
| close | |
| success | |
| globe | |
| globe-2 | |
| wishlist | |
| burger | |
| gift | |
| visa | |
| amex | |
| paypal | |
| mastercard | |
| error | |
| bell | |
| tick | |
| check | |
| check-circle | |
| lock | |
| slide-v | |
| star | |
| phone | |
| times | |
| smile | |
| trash-alt | |
| truck |
Notice
Juna Dress was added to your cart. View Cart.