Example Shadow Boxes - View live example on our Demo Site

Shadow Boxes

Recommended Usage Shadow Boxes are essentially text wrapped in a box with a subtle box shadow around it. This option should be used sparingly to highlight specific lines of text, key messages, or highlights.  There are three colour options, White, Light Blue and Light Grey. How to add a Shadow Box: Highlight a single sentence […]

Example Mega Boxes - View live example on our Demo Site >

Mega Boxes

Recommended Usage The Mega Box component consists of boxed areas with text inside, grouped together in sets of two-column or three-column rows.  There are four colour options, Primary (dark blue), Secondary (medium blue), Light Blue, and White. Mega boxes are best used for displaying themed or grouped content, and should be similar in word or […]

Website Accessibility Tips

Use headings correctly to organize the structure of your content. Screen reader users can use heading structure to navigate content. By using headings (<h1>, <h2>, etc.) correctly and strategically, the content of your website will be well-organized and easily interpreted by screen readers. Be sure to adhere to the correct order of headings, and separate […]

Adding Buttons Inside Content

Adding Buttons Inside Content

Recommended Usage Buttons are a common element in all websites. Use these to link to other pages within your site, or to other websites. How to use this component Highlight the words that you want to use as a button (#1 in the image below) Add a hyperlink to the words you just selected (#2 […]