Introduction

This blog post demonstrates every design element available for creating rich, accessible content. Use this as a reference guide when writing new posts to ensure consistent, professional styling across your ODSP website.

Typography Elements

Headings Hierarchy

Heading 1 (H1) - Page Title Only

Heading 2 (H2) - Main Sections

Heading 3 (H3) - Subsections

Heading 4 (H4) - Minor Sections

Heading 5 (H5) - Rarely Used

Heading 6 (H6) - Rarely Used

Paragraph Text

This is a standard paragraph with bold text, italic text, bold and italic text, and strikethrough text. Paragraphs should be concise and easy to read, with proper spacing between them for optimal readability.

You can also include inline code within paragraphs when referencing technical terms, file names, or commands.

Text Emphasis

• Bold text for strong emphasis
• Italic text for subtle emphasis
• Bold and italic for maximum emphasis
• Highlighted text for important callouts
• Small text for disclaimers or fine print
• Underlined text (use sparingly)

Lists

Unordered Lists

• First level item
• Another first level item
• Third item with more content
• Fourth item

Ordered Lists

1. First numbered item
2. Second numbered item
3. Third numbered item
4. Fourth numbered item

Task Lists

• Completed task
• Another completed task
• Incomplete task
• Another incomplete task

Definition Lists

ODSP

Ontario Disability Support Program - provides income and employment support to people with disabilities

IAD

Internal Appeals Division - handles first-level appeals for ODSP decisions

ODSP-IS

Ontario Disability Support Program - Income Support

Links and References

Internal Links

• Link to homepage
• Link to services page

External Links

• Official Ontario ODSP website
• Canada.ca Disability Benefits

Anchor Links

• Jump to Code Examples
• Jump to Tables

Blockquotes

This is a simple blockquote. Use it for testimonials, important quotes, or to emphasize key information.

Blockquote with Attribution

“The ODSP application process can be challenging, but with the right information and support, you can navigate it successfully.”

— ODSP Guide Team

Multi-Paragraph Blockquote

This is the first paragraph of a longer blockquote that spans multiple paragraphs.

This is the second paragraph, demonstrating how blockquotes can contain substantial content while maintaining visual distinction from regular text.

Code Examples

Inline Code

Use inline code for short code snippets, commands like npm install, or file names like astro.config.mjs.

Code Blocks