Style Guide – Milly

You have ${ cart.item_count } item in your bag. View Bag

You have ${ cart.item_count } items in your bag. View Bag

Your bag is currently empty.

I understand that some items in this order are pre-order items and will ship in the pre-order window specified on the product page.

There is not enough of the item available to update your cart.
We're sorry for the inconvenience.

${ item.product_title }

${ formatPrice(item.line_price) }

${ item.variant_options[0] }

Size: ${ item.variant_options[1] }

Qty:

TYPESTYLES

Aa

Neutraface2Text-Book

Aa

Neutraface2Text-Bold

Mega H1

The quick brown fox jumps over the lazy dog.

font-family: Neutraface2Text-Book; font-size: 36px-54px; letter-spacing: 3.8px; line-height: 42px-60px;

H1

The quick brown fox jumps over the lazy dog.

font-family: Neutraface2Text-Book; font-size: 24px-36px; letter-spacing: 3.5px; line-height: 36px;

H2

The quick brown fox jumps over the lazy dog.

font-family: Neutraface2Text-Book; font-size: 21px-24px; letter-spaceing: 2.75px; line-height: 24px-29px;

H3

The quick brown fox jumps over the lazy dog.

font-family: Neutraface2Text-Book; font-size: 14px; letter-spaceing: 3px; line-height: 24px;

H4

The quick brown fox jumps over the lazy dog.

font-family: Neutraface2Text-Bold; font-size: 12px; letter-spaceing: 1.5px; line-height: 18px;

p_large

The quick brown fox jumps over the lazy dog.

font-family: Neutraface2Text-Book; font-size: 21px; line-height: 30px;

p, ul, ol

The quick brown fox jumps over the lazy dog.


Praesent massa purus, fringilla at laoreet quis, facilisis eget augue. Nunc eget diam et lacus pretium rutrum vitae congue dolor. Sed mollis interdum massa, vitae auctor lacus fermentum eu. Curabitur lobortis leo sed vestibulum venenatis. Vivamus fringilla eu ipsum sit amet pretium. Praesent finibus tellus id nunc luctus, eget pretium lacus dapibus.


  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Etiam quis elit venenatis, venenatis metus id, hendrerit dolor.
  • Morbi eu ligula tincidunt mi tempor porttitor sed et felis.
  • Donec in purus egestas, gravida lacus id, porttitor leo.

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Etiam quis elit venenatis, venenatis metus id, hendrerit dolor.
  3. Morbi eu ligula tincidunt mi tempor porttitor sed et felis.
  4. Donec in purus egestas, gravida lacus id, porttitor leo.

font-family: Neutraface2Text-Book; font-size: 14px; line-height: 21px;

The quick brown fox jumps over the lazy dog.

font-family: Neutraface2Text-Bold; font-size: 14px; line-height: 21px;

The quick brown fox jumps over the lazy dog.

font-family: Neutraface2Text-Bold; font-size: 14px; line-height: 21px;

BUTTON
The quick brown fox jumps over the lazy dog.

font-family: Neutraface2Text-Bold; font-size: 14px; letter-spacing: 3px; line-height: 21px; text-transform: uppercase;

Caption
The quick brown fox jumps over the lazy dog.

font-family: Neutraface2Text-Book; font-size: 12px; line-height: 14px;

COLOR PALETTE

SOFT BLACK
#1B191A
DARK GRAY
#777777
GRAY
#E6E6E6
LIGHT GRAY
#F2F2F2
WHITE
#FFFFFF

COMPONENTS


Link Button



Liquid error: Could not find asset snippets/canadian-select.liquid Liquid error: Could not find asset snippets/sm-canadian-select.liquid