Headings & Paragraphs
Headings
How to Place a Heading
- To add a new Heading block, search for “Heading” block in left sidebar and select “Heading” block result to add it to the page.
- To change a Paragraph text block to be a Heading block, click on the Paragraph icon in the block’s floating toolbar and select “Paragraph” from the list of transform options.
Hierarchy Rules
- Only use H1 headings for the page title
- Use H2 headings for section titles
- Use H3 for secondary headings within sections
- Change heading type by clicking on the H value in the block’s floating toolbar and selecting a different value (ex. H2, H3, H4, etc.)
Heading Sizes
You can select an alternative heading size by selecting a Heading block and changing the “Font Size” value in the right sidebar’s “Typography” settings.
Large Title
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraphs
How to Place a Paragraph
- To add a new Paragraph block, search for “Paragraph” block in left sidebar and select “Paragraph” block result to add it to the page.
- To add a new Paragraph block after an existing Paragraph block, click on the end of the existing Paragraph block and hit “Enter” on your keyboard. This will produce a new Paragraph block.
Changing Paragraph Size
You can select an alternative paragraph text size by selecting a Paragraph block and changing the “Font Size” value in the right sidebar’s “Typography” settings.
Paragraph Size Rules
- Body Level 1 – Use for lead text only
- Body Level 2 – Use as default paragraph text size
- Body Level 3 – Use for narrow content areas such as cards or gridded content
- Body Level 4 – Use for details or subtext within cards or gridded content
- Body Level 5 – Use for fine print and footer text
Paragraph – Body Level 1 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis convallis sapien. Ut blandit elit accumsan lorem elementum.
Paragraph – Body Level 2 (Default) – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis convallis sapien. Ut blandit elit accumsan lorem elementum, sed cursus turpis pulvinar.
Paragraph – Body Level 3 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis convallis sapien. Ut blandit elit accumsan lorem elementum, sed cursus turpis pulvinar. Aenean id felis lorem.
Paragraph – Body Level 4 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis convallis sapien. Ut blandit elit accumsan lorem elementum, sed cursus turpis pulvinar. Aenean id felis lorem.
Paragraph – Body Level 5 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis convallis sapien. Ut blandit elit accumsan lorem elementum, sed cursus turpis pulvinar. Aenean id felis lorem.
