Skip to content
  • MEMORIAL DAY SALE | UP TO 50% OFF
  • + BUY MORE SAVE MORE & GET AN EXTRA 20% OFF

Typography

XXLarge / Sans 400, 80/100
XXLarge / Sans 600, 80/100
XLarge / Sans 400, 48/100
XLarge / Sans 600, 48/100
Large / Sans 400, 32/120
Large / Sans 600, 32/120
Medium / Sans 400, 24/120
Medium / Sans 600, 24/120
Medium / Sans 700, 24/120
Regular / Sans 400, 18/120
Regular / Serif 600, 18/120
Regular / Serif 700, 18/120
Small / Sans 400, 16/130
Small / Sans 600, 16/120
Small / Sans 700, 16/120
XSmall / Sans 400, 14/120
XSmall / Sans 700, 14/120
Antonia Variable - XSmall / Serif 400, 16/110
XXSmall / Sans 400, 11/120
XXSmall / Sans 700, 11/120

Colors

Black / #231F20 Black 20% / #231F20/0.2 Black 10% / #231F20/0.1 Gray / #615A5B Border / #C0B9BB Background / #FBF7F5 White / #FFF White 70% / #FFFFFF/0.7 White 50% / #FFFFFF/0.5 White 20% / #FFFFFF/0.2 Error / #C31414 Error 20% / #C31414/0.2 Success / #4A934A

Spacing

XXXLarge 120px / 7.5rem
XXLarge 80px / 5rem
XLarge 64px / 4rem
Large 40px / 2.5rem
Medium 24px / 2rem
Regular 16px / 1rem
Small 12px / 0.75rem
XSmall 8px / 0.5 rem
XXSmall 4px / 0.25rem

Icons

svg-modani-logo
svg-modani-arrow-right
svg-modani-bag
svg-modani-chair
svg-modani-check
svg-modani-chevron-down
svg-modani-chevron-right
svg-modani-close
svg-modani-durable
svg-modani-full-screen
svg-modani-heart
svg-modani-location
svg-modani-menu
svg-modani-pause
svg-modani-play
svg-modani-plus
svg-modani-ruler
svg-modani-shipping
svg-modani-single-column
svg-modani-sofa
svg-modani-sound-off
svg-modani-sound-on
svg-modani-star
svg-modani-thumbs-up
svg-modani-two-columns
svg-modani-user
svg-modani-bag

Components

snippets/global-brand
snippets/global-button
Shop Collection
Shop Collection
Shop Collection
Shop Collection
Shop Collection
Shop Collection
Shop Collection
snippets/global-richtext

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

  • list 1
  • list 2
  • list 3

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading1


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading 2

Heading 3

Heading 4

Heading 4

reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  1. list 1
  2. list 2
  3. list 3
Form mixins
snippets/react-product-widget
snippets/react-product-card