Heading 1 (48px)

Heading 2 (40px)

Heading 3 (32px)

Heading 4 (24px)

Heading 5 (20px)

 

text.large - Font size for information placed as paragraphs. (18px )

 

text.regular - Font size for information placed as paragraphs. (16px )

 

 text.small - Font size for information placed as paragraphs. (14px)

 


Buttons (Light Theme)

Primary

 

Button Primary

Pagebuilder: Configure like "primary" type button. To show icons use class "icons" within button configuration.

Code: Use class "primary" in button or  <a> tag.

Secondary

 

Button Secondary

Pagebuilder: Configure like "secondary" type button. To show icons use class "icons" within button configuration.

Code: Use class "secondary" in button or <a> tag.

Tertiary

 

Button Secondary

Pagebuilder: Use class "tertiary" within button configuration. To show icons use class "icons".

Code: Use class "tertiary" in button or <a> tag.


Buttons (Dark Theme)

Primary

 

Button Primary

Pagebuilder: Configure like "primary" type button. To show icons use class "icons" within button configuration.

Code: Use class "primary" in button or in <a> tag.

Secondary

 

Button Secondary

Pagebuilder: Configure like "secondary" type button. To show icons use class "icons" within button configuration.

Code: Use class "secondary" in button or in <a> tag.


Button To Cart

To cart

 

Button To Cart

Pagebuilder: Configure like "primary" type button. Use class "tocart" within button configuration. 

Code: Use class "tocart" in button or in <a> tag.