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 | |||
Primary | Secondary |
---|---|
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 |
Description | Preview |
---|---|
Bullets style | |
Prev/Next buttons Class: .swiper-button-color-1 on container |
|
Prev/Next buttons Class: .swiper-button-color-2 on container |