Component guide

All the content styles for the WYSIWYG text editor.

Heading 1 is uneditable in the paltform to retain SEO stability - it inherits the page name.

Heading 2

Short paragraph of placeholder text to show relationship between heading and body. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading 3

Short paragraph of placeholder text to show relationship between heading and body. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading 4

Short paragraph of placeholder text to show relationship between heading and body. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading 5

Short paragraph of placeholder text to show relationship between heading and body. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading 6

Short paragraph of placeholder text to show relationship between heading and body. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

-------

Heading 2 underline

Sentence of 'cited' body text that is often bold to highlight the introduction to a block of text, often done in magazines to emphaisie hiearchy.

Short paragraph of placeholder text to show relationship between heading and body. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Call to actions:

Button style 1Button style 2Button style 3 Button style 4 Button style 4 (ghosted lt) Button style 4 (ghosted dk)

Bullet point list:

• Bullet list point 1
• Bullet list point 2
• Bullet point list 3

Block quote style. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Formatted monospaced text (< p r e > NEEDS FIXING):

Often used for code or copyable coupon codes

Address styling (< a d d r e s s > NEEDS FIXING):

123 Fake Street, Made up street, Nonamesville, 123 FK

Table styling [WILL NEED WORK]

 

Example data table

Row heading 1	Row heading 2
Data cell 1a	Data cell 2a
Data cell 1b	Data cell 2b