Colors
Text colors
--text-color-primary --text-color-secondary
#FFFFFF #090D11
Colors (primary)
--color-primary-1 --color-primary-2 --color-primary-3 --color-primary-4 --color-primary-5
#F280D6 #FFFFFF #090D11 #282F37 #BDC4CD
Colors (secondary)
--color-secondary-1 --color-secondary-2 --color-secondary-3 --color-secondary-4 --color-secondary-5
#FF8672 #EF86CE #F08573 #63CFE3 #FFB600
--color-secondary-6 --color-secondary-7
#BFDDBC #C2A6E1
Background colors
--background-color-1 --background-color-2 --background-color-3 --background-color-4 --background-color-5
#080606 #18191A #56EFE4 #F6A7D7 #C2A6E1
Button (primary)
--button-primary-background-color --button-primary-label-color --button-primary-hover-background-color --button-primary-hover-label-color
#080606 #FFFFFF #FFFFFF #090D11
Button (secondary)
--button-secondary-background-color --button-secondary-label-color --button-secondary-hover-background-color --button-secondary-hover-label-color
#FFFFFF #090D11 #090D11 #FFFFFF
Forms
--form-input-text-color --form-input-text-background
#282F37 #FFFFFF
Other
--color-lines --color-error
#252627 #E64783
Buttons
Primary Secondary
Small
Fonts
Selector Preview
h1, .h1 Desktop: 120px Mobile: 60px

Lorem ipsum dolor sit amet

h2, .h2 Desktop: 74px Mobile: 44px

Lorem ipsum dolor sit amet

h3, .h3 Desktop: 50px Mobile: 36px

Lorem ipsum dolor sit amet

h4, .h4 Desktop: 36px Mobile: 30px

Lorem ipsum dolor sit amet

h5, .h5 Desktop: 28px Mobile: 22px
Lorem ipsum dolor sit amet
h6, .h6 Desktop: 18px Mobile: 16px
Lorem ipsum dolor sit amet
.text-body Desktop: 16px Mobile: 16px

Lorem ipsum dolor sit amet

.text-body-big Desktop: 18px Mobile: 18px

Lorem ipsum dolor sit amet

.text-body-medium Desktop: 20px Mobile: 20px

Lorem ipsum dolor sit amet

Carousel
Description Preview
Bullets style
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci consequuntur debitis, distinctio ea, et exercitationem hic inventore ipsa iusto magnam molestias non omnis quaerat quam quia recusandae, tenetur ut vel.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores consequuntur, cumque doloribus exercitationem explicabo facere in libero nesciunt nulla numquam officia placeat provident quaerat quos sapiente soluta voluptatem, voluptatum!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab dignissimos eaque fugit laudantium neque praesentium recusandae tenetur! Eligendi enim exercitationem iste minus nostrum quas, quibusdam saepe sit tempora temporibus, totam.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus adipisci asperiores atque, deserunt eius inventore ipsam, iste molestiae neque obcaecati porro quas repudiandae sint suscipit voluptas. At maiores minima molestiae?

Prev/Next buttons

Class: .swiper-button-color-1 on container
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci consequuntur debitis, distinctio ea, et exercitationem hic inventore ipsa iusto magnam molestias non omnis quaerat quam quia recusandae, tenetur ut vel.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores consequuntur, cumque doloribus exercitationem explicabo facere in libero nesciunt nulla numquam officia placeat provident quaerat quos sapiente soluta voluptatem, voluptatum!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab dignissimos eaque fugit laudantium neque praesentium recusandae tenetur! Eligendi enim exercitationem iste minus nostrum quas, quibusdam saepe sit tempora temporibus, totam.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus adipisci asperiores atque, deserunt eius inventore ipsam, iste molestiae neque obcaecati porro quas repudiandae sint suscipit voluptas. At maiores minima molestiae?

Prev/Next buttons

Class: .swiper-button-color-2 on container
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci consequuntur debitis, distinctio ea, et exercitationem hic inventore ipsa iusto magnam molestias non omnis quaerat quam quia recusandae, tenetur ut vel.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores consequuntur, cumque doloribus exercitationem explicabo facere in libero nesciunt nulla numquam officia placeat provident quaerat quos sapiente soluta voluptatem, voluptatum!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab dignissimos eaque fugit laudantium neque praesentium recusandae tenetur! Eligendi enim exercitationem iste minus nostrum quas, quibusdam saepe sit tempora temporibus, totam.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus adipisci asperiores atque, deserunt eius inventore ipsam, iste molestiae neque obcaecati porro quas repudiandae sint suscipit voluptas. At maiores minima molestiae?