Style Guide

Below are examples of column classes that are available in the block editor.

This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.

This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia tellus elit, efficitur aliquam augue cursus eget. Phasellus eu orci et enim posuere tincidunt sit amet non purus. Mauris iaculis tristique augue sed rhoncus. Phasellus et metus augue. Cras semper posuere ex, at ornare velit aliquam ut. Nullam dictum blandit vestibulum. Morbi quis urna vitae justo ornare rhoncus.

Colors

Typography

Medium size ( Default 16px):
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia tellus elit, efficitur aliquam augue cursus eget. Phasellus eu orci et enim posuere tincidunt sit amet non purus. Mauris iaculis tristique augue sed rhoncus. Phasellus et metus augue. Cras semper posuere ex, at ornare velit aliquam ut. Nullam dictum blandit vestibulum. Morbi quis urna vitae justo ornare rhoncus.

Small size (0.9):
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia tellus elit, efficitur aliquam augue cursus eget. Phasellus eu orci et enim posuere tincidunt sit amet non purus. Mauris iaculis tristique augue sed rhoncus. Phasellus et metus augue. Cras semper posuere ex, at ornare velit aliquam ut. Nullam dictum blandit vestibulum. Morbi quis urna vitae justo ornare rhoncus.

Large size (1.35):
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia tellus elit, efficitur aliquam augue cursus eget. Phasellus eu orci et enim posuere tincidunt sit amet non purus. Mauris iaculis tristique augue sed rhoncus. Phasellus et metus augue. Cras semper posuere ex, at ornare velit aliquam ut. Nullam dictum blandit vestibulum. Morbi quis urna vitae justo ornare rhoncus.

Extra Large size (2)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia tellus elit, efficitur aliquam augue cursus eget. Phasellus eu orci et enim posuere tincidunt sit amet non purus. Mauris iaculis tristique augue sed rhoncus. Phasellus et metus augue. Cras semper posuere ex, at ornare velit aliquam ut. Nullam dictum blandit vestibulum. Morbi quis urna vitae justo ornare rhoncus.

XX Large size (2.5)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia tellus elit, efficitur aliquam augue cursus eget. Phasellus eu orci et enim posuere tincidunt sit amet non purus. Mauris iaculis tristique augue sed rhoncus. Phasellus et metus augue. Cras semper posuere ex, at ornare velit aliquam ut. Nullam dictum blandit vestibulum. Morbi quis urna vitae justo ornare rhoncus.


Typography

Heading H1 40px

Heading H2 36px

Heading H3 30px

Heading H4 24px

Heading H5 16px
Heading H6 16px

Small paragraph 14px

Medium paragraph 16px

Large paragraph 24px

XL paragraph 32px

XXL paragraph 40px

XXXL paragraph 56px

Buttons