Ui kit
Colors
var(--blue)
#0E7DC2
var(--yellow)
#FFF200
var(--red)
#E31E38
var(--grey)
#EEEFEB
var(--black)
#2B2B2B
var(--white)
#FFFFFF
Fonts
Desktop

Font sizes can be edited in the theme settings. You set the desktop sizes for the H1 and then it reduces x 5px per Hn

Mobile

Font sizes can be edited in theme settings. You set the mobile sizes for the H1 and then it reduces x 3px per Hn

H1 - 55px
H1 - 30px

Azo Sans Bold

H2 - 40px
H2 - 24px

Azo Sans Bold

H3 - 14px

Azo Sans Regular, uppercase, text-red

H4 - 14px

Azo Sans Bold

H5 - 14px
Azo Sans Bold
H6 - 14px
Azo Sans Bold
p - 16px
p - 14px

Azo Sans Regular

Buttons

Primary and Secondary buttons colors can be edited in theme settings

Shop all favorites
Product card
Select Depth
Select Dimension
See more dimension +
Select Depth
Select Dimension
See more dimension +
Select Colour
Select Dimension
Swiper 1

Swiper with scrollbar and fraction pagination

Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Swiper 2

Swiper with pagination and round buttons

Navigation round buttons color and hover color can be changed.

eg. default is circle blue and hover color black

<div class="swiper-button-next swiper-round-arrows">{% render 'icons', icon: 'circle-arrow-right' %}</div>

set circle color red with `text-red` and hover color blue with `hover-blue`

<div class="swiper-button-next swiper-round-arrows text-red hover-blue">{% render 'icons', icon: 'circle-arrow-right' %}</div>
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Accordion
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est.
Pour, spray and play with luscious colours! Opus Essential Fluid Acrylic Colours have the same pigment load as our heavy-body Opus Essential Acrylic Colours, with the smooth, flowing consistency of heavy cream.
Produced in small batches in North America with a quality-first approach, our exciting new paint line features high concentrations of permanent, intense, and reliable pigments that suit a variety of painting techniques!
1-800-663-6953
hello@opusartsupplies.com
Monday - Friday 9a - 5p PDT
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est.