FONTS

FAMILY
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
    • font-family : HarmoniaSansPro--Light
    • class : .HarmoniaSansPro--Light
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
    • font-family : HarmoniaSansPro--Regular
    • class : .HarmoniaSansPro--Regular
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
    • font-family : HarmoniaSansPro--SemiBold
    • class : .HarmoniaSansPro--SemiBold
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
    • font-family : Juana-Thin
    • class : .Juana-Thin
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
    • font-family : Juana-ThinIt
    • class : .Juana-ThinIt
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
    • font-family : Juana-ExtraLight
    • class : .Juana-ExtraLight
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
    • font-family : Juana-ExtraLightIt
    • class : .Juana-ExtraLightIt
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
    • font-family : Juana-Light
    • class : .Juana-Light
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
    • font-family : Juana-LightIt
    • class : .Juana-LightIt
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
    • font-family : Juana-Regular
    • class : .Juana-Regular
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
    • font-family : Juana-RegularIt
    • class : .Juana-RegularIt
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
    • font-family : Juana-Medium
    • class : .Juana-Medium
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
    • font-family : Juana-MediumIt
    • class : .Juana-MediumIt
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
    • font-family : Juana-SemiBold
    • class : .Juana-SemiBold
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
    • font-family : Juana-SemiBoldIt
    • class : .Juana-SemiBoldIt
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
    • font-family : Juana-Bold
    • class : .Juana-Bold
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
    • font-family : Juana-BoldIt
    • class : .Juana-BoldIt
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
    • font-family : Juana-Black
    • class : .Juana-Black
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
    • font-family : Juana-BlackIt
    • class : .Juana-BlackIt

ICONS

snippets/svg-icon.liquid
arrow
name: arrow-1
name: arrow-2
name: arrow-3
name: arrow-4 color: white
name: arrow-5
name: arrow-6
close
name: close-1
name: close-2
etc
name: add
name: bi-1
name: cart
name: edit
name: hamberger There's no svg icon named hamberger.
name: wishlist
name: heart
name: heart-solid color: #e0422d
name: search-2
name: send
name: trash


assets
1. assets/icon-expand-shrink-arrow.png
2. assets/icon_review_thumbs_up.png
3. assets/icon_review_thumbs_up_over.png
4. assets/icon_write_a_review.png
1.
2.
3.
4.

INPUTS

text-input
.text-input-container
label.text-input-label
input[type="text"].text-input


checkbox-input
.checkbox-input-container
label.checkbox-input-label
input[type="checkbox"].checkbox-input


select-input
.select-input-container
label.select-input-label
select.select-input

BUTTONS

Arrow Button
snippets/arrow-button.liquid
content (required)
url (required)
classname (optional)
color (optional)


Color Square Button
snippets/color-square-button.liquid
SHOP NOW SHOP NOW
SHOP NOW SHOP NOW
SHOP NOW SHOP NOW
SHOP NOW SHOP NOW


Swiper Arrow Button
.Swiper-Arrow-Button
.Swiper-Arrow-Button.Reversed


square button
button.square-button
button.square-button.square-button--inverted
button.square-button.square-button--full-width


underline button
button.underline-button


underline link
.Underline-Link
snippets/underline_link
content (required)
link_url (required)
classname (optional)
Liquid error: Could not find asset snippets/underline_link.liquid

ETC

img-wrapper
render 'img-wrapper'
image (required)
media_string (required)
srcset_string (required)
placeholder_url (optional)
load_scrolled (optional) : scroll되었을 때 load할지? 아니면 생략.


lazyLoadingImage
picture.lazy-loading-image
sources
img
OR
img.lazy-loading-image

BANNER SNIPPETS

.banner-content
.banner-content
.banner-content__title (required)
svg
.banner-content__subtitle (optional)
svg
.banner-content__button (optional)
Arrow Button OR Color Square Button

SECTIONS

Main Swiper Banner Section
{% section 'main-swiper-banner' %}


Section Main 3


Section Main 16


Section Main 17


Section Main 18
Pants Edit
for women who wear the pants in every situation.


Main Half Banner
.main-half-banner (--reversed)
main-half-banner-picture.liquid
image (required)
image_alt (optional)
.main-half-banner__content
.main-half-banner__content__subtitle
.main-half-banner__content__title
.main-half-banner__content__button


bestseller
{% section 'bestseller' %}
 
Beverly Legging - Caramel
$128
$103
Verte Bra Top - True Green
$105
$84
Velour Wide-Leg Pant - Tanned Brown
$198
$159
Senna Cropped Top - Jade
$125
$88
Lotus Legging - Midnight
$125
$88
Haven High-slit Dress - Light Sand
$135
$95
The Body Pant - Amber Honey
$150
$105

TEST

grid
.grid-container
.grid
.grid-item(s)


js-swiper
.js-swiper
attributes
   [data-swiper-key] (required)
.swiper-configs (optional)
.swiper-config
attributes (optional)
     [data-slides-per-views]
     [data-space-between]
     [data-break-points] > [data-break-point]
THIS WEEK'S MOST-LOVED
Tried and true. Check out our most-loved looks of the week. Expect exceptional quality and impeccable design-driven details from our top-selling ranges.
See you never, LAST PIECE SALE UP TO 30% OFF
Shop on demand 30% off and stay cozy and in-style.

0