Website Style Guide Sample Content

Heading 1 (H1) – Page Title Example

This is typically used for the main title of a page. There should usually only be one H1 per page.


Heading 2 (H2) – Section Heading

This is a section heading. Use H2 to break your page into major sections so visitors can scan your content easily.

This is body text under an H2 heading. Body text should be easy to read, not too wide, and have comfortable line spacing. Good body text helps users read without getting tired.


Heading 3 (H3) – Subsection Heading

This is used for subsections within a section. For example, you might use this for services, steps, or categories.

Body text can include bold text, italic text, and links like this:
[Example Link Text]


Heading 4 (H4) – Small Section Heading

Use this for smaller sections, card titles, or feature headings.

Example Bullet List

  • First item in a list
  • Second item in a list
  • Third item in a list
  • Fourth item in a list

Example Numbered List

  1. First step in a process
  2. Second step in a process
  3. Third step in a process
  4. Final step in a process

Heading 5 (H5) – Small Heading / Label

This heading is often used for small labels, categories, or card headings.

This is an example paragraph under a smaller heading. Not every page will use H5, but it’s helpful for design systems and reusable components.


Heading 6 (H6) – Eyebrow Text / Overline

This is often used for small uppercase text above headings, like a category label or section intro.

Example:
H6: OUR SERVICES
H2: How We Help Organizations Grow


Block Quote Example

This is a block quote. You can use this for testimonials, important statements, or highlighted text that you want to stand out from the rest of the content.


Horizontal Rule

You can also test separators like this:


Image Caption Example

This is an example of caption text that might appear under an image or graphic on your website.


Buttons (Text Examples)

You may want to test how buttons look with different text lengths:

  • Learn More
  • Get Started
  • Download the Guide
  • Contact Our Team
  • View All Resources

Short Paragraph Example

This is a short paragraph used for introductions or summaries. It should be easy to read and usually only two to three sentences long.

Long Paragraph Example

This is a longer paragraph used to test readability. When designing a website, it’s important that long paragraphs are still comfortable to read. Line length, spacing, and font size all affect readability. If this paragraph feels hard to read, the content width may be too wide or the line spacing may be too tight.


Two-Column Content Example (if your theme supports columns)

Column 1 – Heading
This is text in the first column. Columns are useful for services, features, or steps.

Column 2 – Heading
This is text in the second column. Columns help break up long pages and make content easier to scan.


Small Text / Fine Print Example

This is small text that might be used for captions, disclaimers, or extra information that is not part of the main content.


If you want, I can also create dummy content specifically for homepage layout (hero section, services section, CTA section, etc.), which is usually even more helpful when designing a WordPress site.