Example styles

Header 2

Header 3

Header 4

Header 5

Header 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet ipsum quam, in condimentum arcu lacinia vitae. Proin at tellus nec elit tincidunt volutpat. Phasellus id lectus sit amet turpis faucibus finibus. Donec ac semper enim, ac egestas libero. Phasellus tristique ex condimentum neque egestas, non egestas leo eleifend. Etiam quis sapien sapien. Sed venenatis, mi sed euismod ullamcorper, ligula est aliquet augue, in tristique eros augue eget nunc.

Link text

Link text in a paragraph looks like this. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet ipsum quam, in condimentum arcu lacinia vitae. Proin at tellus nec elit tincidunt volutpat. Phasellus id lectus sit amet turpis faucibus finibus. Donec ac semper enim, ac egestas libero.

Buttons

Basic Guttenburg WordPress button styling.

Primary buttons

Generate press buttons: Add a button, choose use global style.
Styling will be applied to your button, and you can add additional icons padding.

NB: The global styles are updated centrally. Changing your button styles locally will prevent global changes from updating your buttons.

Primary dark Primary light

Secondary button styles

Secondary buttons will fill 100% of the container they are in. Additional icons can be added if required.

Secondary dark Secondary dark (with added icon) Secondary dark Secondary light Secondary light Secondary light

Accordions

Accordions can be added by choosing Add block > Patterns > Local patterns

Accordion – dark theme

Accordion – light theme