Sandbox
Here is the design system or style sheet used on the website. Everything in terms of text is for testing purposes. This template is usually called a general template (or 2 column template because of the sidebar navigation element, hence two columns). The font sizes, styles, and visual effects seen here will be set in the website styles and cannot be edited via the CMS. All styles are tested against accessibility guidelines.
Header 2 Style
Paragraph text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor temporincididunt ut This is the link style and This is the link style on focus/hover nisi ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Header 3 Style
Paragraph text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt and ea commodo consequat. Duis aute irure dolor in reprehenderit.
Header 4 Style
Paragraph text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt and ea commodo consequat. Duis aute irure dolor in reprehenderit.
Quote style. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
Header 2 again showing longer text with the top and bottom padding and breaking onto multiple lines
- First level bullet point paragraph text.
- Second level bullet point paragraph text. Lorem ipsum dolor sit amet
- Third level bullet point paragraph text with more than one line. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
When the accordion is open the content of it is revealed. Clicking on an open accordion will close it. Only the title area will display the focus/hover effect. The content/answer section will not change colour. Do not input too much content into an accordion, it is best to keep them short and sweet.
A couple of paragraphs worth is a nice max amount but it will depend on the answer or content. You have an editor here so you can also format in bullet point lists or embed imagery etc.
">">First level bullet point paragraph text.
Second level bullet point paragraph text. Lorem ipsum dolor sit amet
Third level bullet point paragraph text with more than one line. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
