VRT Paragraph Type Examples

This page displays the different varieties of Paragraph Types (cards) available on the Digital Commons platform. It serves as a baseline for visual regression testing when code is deployed to the platform. Note that not every combination shown is desirable or a best practice. 

Article Cards, Video Cards, and Tabs/Accordions are displayed separately. Profile and Event cards cannot be added to a full-width band.

CTA cards

Required fields

Dark Background color

Button Link

Title field

keyboard-accessible link text only

Profile cards, required fields

No image style

Woman in business suit in an office, coworkers in the background

Firstname Lastname

Square image style

Woman in business suit in an office, coworkers in the background

Firstname Lastname

Portrait image style

Woman in business suit in an office, coworkers in the background

Firstname Lastname

id=#B4

Rectangle image style

Woman in business suit in an office, coworkers in the background

Firstname Lastname

Quick Links

Required fields, text style links

All fields

Column Paragraph
Spotlight Paragraph

Which is usually on the home page

Spotlight Paragraph

Which is usually on the home page

Man in suit, in modern office building

id=#B8

Stat Cards, large screen width band

Required fields only

5000

No animation

id=#B8

Required fields only

0

With 5 second animation

All fields

$5000K

No animation

Description field here

All fields

$0K

With 2 second animation

Description field here

Stat Cards with 80% band sizing

Required fields only

5000

No animation

id=#B9

Required fields only

0

With 5 second animation

All fields

$5000K

No animation

Description field here

All fields

$0K

With 2 second animation

Description field here

Full width band, all fields

Column Paragraph
$0K

All fields

with 2 second animation

id=#B10