Card Paragraph Examples

Card Headline Options

Your site uses headings to define the structure of your content. For this reason, the Card Paragraph supports a variety of heading options H2, H3, H4, and Splash Font. Splash font looks big and bold like a heading, but it's not. 

Learn more about headings at Create Accessible Headings

Headline: This is a card with an image

Superhead

Description. This can be long and include bold, italiclinks

Starting in version 4.0, the Card Paragraph also supports bulleted and numbered lists.

This is the optional button or action link

Headline: Example Card with no image

Lorem ipsum dolor sit amet consectetur adipiscing elit fames quis mollis elementum, euismod volutpat nascetur ridiculus suspendisse netus posuere vel auctor.

This is a headline that uses Splash Font
Superhead

Splash font is used instead of a heading when there's no other content.

Use headings appropriately

This headline is a hidden h2

Superhead

This card has a headline that is visually hidden

This is a Heading 3 Headline

Superhead

Use this if the card is grouped under Heading 2 (h2)

This is an Action Link

This is a Heading 4 Headline

Superhead

Use this if the card was nested under a Heading 3 (h3)

Examples of cards with a Heading 2

These cards have a headline of Heading 2 (H2) because hierarchically, there are no other headings between them and the page title (Heading 1)

Red columbine (H2)

Columbine (Aquilegia), aka granny’s bonnet, is a perennial flower that blooms in the spring.

Purple potato vine (h2)

The potato vine (Solanum jasminoides) is a spreading, fast-growing vine that produces deep green foliage and a profusion of star-shaped white or blue-tinted, potato vine flowers.

White yarrow (H2)

Yarrow, scientifically known as Achillea millefolium, is a flowering plant in the Asteraceae family, recognized for its feathery leaves and clusters of small flowers that can be white, yellow, pink, or red.

Examples of cards with a Heading 3 under a Heading 2

These cards have a headline of Heading 3 (H3) because hierarchically, there is a Heading 2 between them and the page title (Heading 1)


Douglas Irises (H2)

Iris douglasiana, the Douglas iris, is a common wildflower of the coastal regions of Northern and Central California and southern Oregon in the United States

Purple Douglas iris (H3)

This is the purple Douglas iris.

White Douglas iris (h3)

This is the white Douglas iris.

Lavender Douglas Iris (H3)

This lavender-colored Douglas iris flower is a cross between the purple and white Douglas irises.