Typography
Display different font size and font family going to be used in the theme
This is typed in H1
This is typed in H2
This is typed in H3
This is body
fonts
Add according to usage
Primary tw-font (Nexa Bold)
Usage - tw-font-primary
font Weights 100
font Weights 200
font Weights 300
font Weights 400
font Weights 500
font Weights 600
font Weights 700
font Weights 800
font Weights 900
Secondary font (Nexa Book)
Usage - tw-font-secondary
font Weights 100
font Weights 200
font Weights 300
font Weights 400
font Weights 500
font Weights 600
font Weights 700
font Weights 800
font Weights 900
Tertiary font (Poppins Regular)
Usage - tw-font-tertiary
Custom fonts Update the font accordinglyfont Weights 400
font Weights 400 italic
font Weights 700
font Weights 700 italic
Buttons
NOTE: Please add the button sizeing and font weight and size explictly with according to the section requirements mentioned classes
Add button design here
Class to use
.button--primary
Class to use
.button--secondary
(Add to cart button)
Class to use
.button--tertiary
(out of stock button for product card)
Add button disabled Style
Attibutes can be use
disabled
Class can be use
.button--secondary.disabled
Aria can be use
aria-disabled='true'
Colors
Few colors are already available out of the box check here for more
.tw-bg-primaryfor the orange (Primary color)
.tw-bg-secondaryfor the black (Secondary color)
Custom Colors can be added through the tailwind.config.js