CMS Design System - H1 Heading

This page is used to test the default typography and content styles of the website. It includes headings, paragraphs, links, lists, quotes, tables, inline formatting, and other common HTML elements that may be entered through the BigCommerce CMS.

Heading styles

Heading Level 1 - H1

Example paragraph directly underneath an H1 heading. This can be used to check heading spacing, font size, line height, weight, and paragraph spacing.

Heading Level 2 - H2

Example paragraph directly underneath an H2 heading.

Heading Level 3 - H3

Example paragraph directly underneath an H3 heading.

Heading Level 4 - H4

Example paragraph directly underneath an H4 heading.

Heading Level 5 - H5

Example paragraph directly underneath an H5 heading.

Heading Level 6 - H6

Example paragraph directly underneath an H6 heading.

Paragraph styles

This is a standard paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla.

This is another paragraph so you can check the vertical spacing between paragraphs. Aenean lacinia bibendum nulla sed consectetur. Maecenas faucibus mollis interdum. Vestibulum id ligula porta felis euismod semper.

This paragraph contains a manual line break.
This content appears after the first line break.
And this is another line.

Inline text formatting

This is strong text.

This is bold text using the B tag.

This is emphasized text.

This is italic text using the I tag.

This is underlined text.

This is ~~strikethrough text~~.

This is ~~deleted text~~.

This is inserted text.

This is highlighted or marked text.

This is small text.

Water formula: H₂O.

Mathematical example: 10² = 100.

This is an abbreviation: API.

Product SKU example: CBU-12345

Keyboard example: Press Cmd + K.

Event date: September 9, 2026

Link styles

This is a standard internal link.

This is an external link .

Email: support@example.com

Telephone: +1 123 456 7890

Link with title: Contact our team

Bold text link

Italic text link

Unordered list

First unordered list item
Second unordered list item
Third unordered list item
Fourth unordered list item

Nested unordered list

Product information
- Product name
- Product description
- Product specifications
  - Size
  - Weight
  - Material
Shipping information
Documentation

Ordered list

Choose a product.
Review the product specifications.
Add the product to your cart.
Complete checkout.

Nested ordered list

Create an account
1. Enter your email address.
2. Create a password.
3. Verify your account.
Place your order
1. Select your products.
2. Enter shipping information.
3. Complete payment.

Mixed lists

Product preparation
- Check availability
- Check specifications
- Review documentation
Ordering
- Add to cart
- Enter shipping details
- Complete checkout

Blockquote

Good design is not simply about how something looks. It should also make information easier to understand and easier to use.

This is an example of a quotation with a citation.
Example Author

Inline quotation example: This text is using the Q element.

Definition list

SKU: A unique identifier assigned to a product.
Inventory: The quantity of a product currently available for sale.
Metafield: Additional structured data associated with a product or other resource.
CMS: A content management system used to create and manage website content.

Table

Example product specifications
Specification	Value	Unit
Product size	250	ml
Weight	500	g
Width	120	mm
Height	200	mm
Specifications are provided for testing purposes only.

Code styles

Inline code example: product.id

<div class="product">
  <h2>Example Product</h2>
  <p>Product description goes here.</p>
</div>

Address

Example Company
123 Example Street
Ahmedabad, Gujarat 380001
India

Email: support@example.com
Phone: +91 12345 67890

Details and summary

What is this product used for?

This content is displayed when the details element is expanded. It is useful for testing native accordion styling.

Where can I find product documentation?

Documentation can be provided through the downloadable resources section of the product page.

Figure and caption

Example placeholder image used for CMS style testing — Example figure caption displayed underneath an image.

Combined text formatting

Normal text followed by strong text, emphasized text, strong and emphasized text, underlined text, ~~strikethrough text~~, and highlighted text.

You can also have strong linked text and italic linked text inside normal paragraph content.

Content hierarchy example

This section tests how a realistic long-form CMS page looks when multiple heading levels, paragraphs and lists are placed together.

Product information

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo.

Product specifications

The following specifications are provided as an example.

High-quality construction
Suitable for professional applications
Documentation available
Multiple configuration options

Product applications

This product can be used across a variety of professional, commercial and research applications.

Important information

Always review the appropriate documentation before using the product.

Additional note

Contact our support team if additional technical information is required.

Long text and wrapping test

This is a longer paragraph intended to test content width, line height, font size and responsive text wrapping. Website content should remain comfortable to read across desktop, tablet and mobile screen sizes. Paragraphs with several sentences are particularly useful for determining whether the maximum content width, typography scale and vertical spacing are appropriate for long-form informational pages.

VeryLongUnbrokenTextExampleForTestingWordWrappingAndOverflowBehavior1234567890123456789012345678901234567890

Special characters

Registered trademark: Example®

Trademark: Example™

Currency: $100 €100 £100 ₹100

Symbols: < > & "

Call to action links

Send an Email

Call Us