Skip to content
SUMMER sale ENDS MONDAY SHOP NOW
Log in/Sign Up Cart
Heading XL - 96px/82px/400 (mob: 60px/52px/400)
Heading XL - 96px/82px/400 (mob: 60px/52px/400)

Heading 1 - 72px/66px/400 (mob: 54px/48px)

Heading 1 - 72px/66px/400 (mob: 54px/48px)

Heading 2 - 64px/56px/400 (mob: 46px/40px/400)

Heading 2 - 64px/56px/400 (mob: 46px/40px/400)

Heading 3 - 48px/48px/400 (mob: 38px/34px/400)

Heading 3 - 48px/48px/400 (mob: 38px/34px/400)

Heading 4 - 36px/32px/400(0.2px) (mob: 32px/28px/400)

Heading 4 - 36px/32px/400(0.2px) (mob: 32px/28px/400)

Heading 5 - 32px/30px/400(0.128) (mob: 26px/24px/400(0.104px))
Heading 5 - 32px/30px/400(0.128) (mob: 26px/24px/400(0.104px))
Heading 6 - 16px/20px/500(0.064) (mob: 12px/14px/500(0.048px))
Heading XS - 12px/14px/500(0.048) (mob: 12px/14px/500(0.048px))

Primary colors
  • #000000 - primary-black
  • #FFFFFF - primary-white
Accent colors
  • #FFDA0D - accent-yellow
  • #7D7D7D - accent-charcoal
Gray
  • #F9F9F9 - project-gray-50
  • #F0F0F2 - project-gray-100
  • #E1E2E5 - project-gray-200
  • #D2D3D7 - project-gray-300
  • #A5A7AF - project-gray-400
  • #868994 - project-gray-500
  • #42444B - project-gray-600
  • #34353B - project-gray-900
Utility colors
  • #DD1D1D - utility-error
  • #18E098 - utility-success
  • #FB8F2B - utility-warning

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed volutpat consequat libero. Aenean finibus, mi sed eleifend ornare, eros lectus viverra odio, eget bibendum felis enim eu metus. Suspendisse nunc metus, auctor et orci feugiat, pharetra auctor ligula. Maecenas ac lectus eget purus volutpat dapibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed volutpat consequat libero. Aenean finibus, mi sed eleifend ornare, eros lectus viverra odio, eget bibendum felis enim eu metus. Suspendisse nunc metus, auctor et orci feugiat, pharetra auctor ligula. Maecenas ac lectus eget purus volutpat dapibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed volutpat consequat libero. Aenean finibus, mi sed eleifend ornare, eros lectus viverra odio, eget bibendum felis enim eu metus. Suspendisse nunc metus, auctor et orci feugiat, pharetra auctor ligula. Maecenas ac lectus eget purus volutpat dapibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed volutpat consequat libero. Aenean finibus, mi sed eleifend ornare, eros lectus viverra odio, eget bibendum felis enim eu metus. Suspendisse nunc metus, auctor et orci feugiat, pharetra auctor ligula. Maecenas ac lectus eget purus volutpat dapibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed volutpat consequat libero. Aenean finibus, mi sed eleifend ornare, eros lectus viverra odio, eget bibendum felis enim eu metus. Suspendisse nunc metus, auctor et orci feugiat, pharetra auctor ligula. Maecenas ac lectus eget purus volutpat dapibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed volutpat consequat libero. Aenean finibus, mi sed eleifend ornare, eros lectus viverra odio, eget bibendum felis enim eu metus. Suspendisse nunc metus, auctor et orci feugiat, pharetra auctor ligula. Maecenas ac lectus eget purus volutpat dapibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed volutpat consequat libero. Aenean finibus, mi sed eleifend ornare, eros lectus viverra odio, eget bibendum felis enim eu metus. Suspendisse nunc metus, auctor et orci feugiat, pharetra auctor ligula. Maecenas ac lectus eget purus volutpat dapibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed volutpat consequat libero. Aenean finibus, mi sed eleifend ornare, eros lectus viverra odio, eget bibendum felis enim eu metus. Suspendisse nunc metus, auctor et orci feugiat, pharetra auctor ligula. Maecenas ac lectus eget purus volutpat dapibus.


Primary buttons

  • Primary black button
  • Primary black button(disabled)
  • Primary white button
  • Primary white button (disabled)

Secondary buttons

  • Secondary black button
  • Secondary black (disabled)
  • Secondary white
  • Secondary white (disabled)

Tertiary buttons

  • Tertiary black button
  • Tertiary black (disabled)
  • Tertiary white
  • Tertiary white (disabled)

Link buttons

  • Link button
  • Link gray button
  • Link white button

Media buttons

  • Play button

    Pause button

  • Slider buttons
  • Quantity selector buttons
  • ATC button

Product bages

  • Tag
  • Tag
  • Tag
  • Tag
  • Tag
  • Tag
  • Tag
  • Tag


Base dropdown
Disabled dropdown
Dropdown with error
Base dropdown with label
Disabled dropdown with label
Error dropdown with label