Text

Content blocks included on this page:

Container: Header + Inner Block
Container: Media + Inner Block
Callout: Quote
Callout: Two Quotes
Callout: Box

Text
Text: Columns (Max 3)
Text: Accordion
Text: Highlight
Text: Stats

Text: Statement
Container: Updates from the field
Shared Content
Tabbed Content

Text

INNER BLOCK

The Text inner content block is a standard WYSIWYG editor that can be added wherever Inner Blocks are allowed, like "Container: Inner Blocks," "Container: Header + Inner Blocks," and "Container: Media + Inner Blocks."

Watch Video

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna. Nunc non est nec nunc cursus hendrerit. Nunc sit amet mattis nisl. Sed maximus mauris ut sollicitudin sollicitudin. Quisque ipsum leo, convallis in quam in, lacinia lacinia tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent eros erat, tincidunt vel lacinia eget, ornare non enim. Sed a bibendum libero, in maximus tellus. Nunc et orci eget tortor vestibulum elementum. Cras aliquet placerat lacus et egestas. In sapien leo, laoreet sed lectus id, aliquet venenatis quam. Fusce vitae elit feugiat, porttitor elit et, varius ligula.

Centered text

Right-justified text

Centered sentence that includes a link in the middle

Header 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum.

Header 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum.

Header 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum.

"This is the quote style of in-line quotes (we have another content block if you want to make quotes more prominent."

You can also embed images and videos (see other design system pages)

Container: Header + Inner Block

OUTER BLOCK

The Container: Header + Inner Block outer content block will give you a two-column layout with just a header on the left side. Any inner block can be used on the right side.

Watch Video

Header

Text

This is just one of the Inner Blocks you can use in this column.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna. Nunc non est nec nunc cursus hendrerit. Nunc sit amet mattis nisl. Sed maximus mauris ut sollicitudin sollicitudin. Quisque ipsum leo, convallis in quam in, lacinia lacinia tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent eros erat, tincidunt vel lacinia eget, ornare non enim. Sed a bibendum libero, in maximus tellus. Nunc et orci eget tortor vestibulum elementum. Cras aliquet placerat lacus et egestas. In sapien leo, laoreet sed lectus id, aliquet venenatis quam. Fusce vitae elit feugiat, porttitor elit et, varius ligula.

Fusce at metus est. Mauris consequat luctus nibh, quis fringilla nulla bibendum in. Maecenas et odio nec metus congue congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus id elit ut nulla placerat ornare quis sit amet nulla. Etiam molestie porttitor lorem at malesuada. Fusce eu tincidunt ex, eu ornare diam. Fusce eget erat sodales, ullamcorper nulla sit amet, blandit neque.

Container: Media + Inner Block

OUTER BLOCK

The Container: Media + Inner Block outer content block will give you a two-column layout with an image on the left. Any inner block can be used on the right side. The image will grow vertically with the size of the inner blocks in the right column.

Watch Video

Text

This is just one of the Inner Blocks you can use in this column.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna. Nunc non est nec nunc cursus hendrerit. Nunc sit amet mattis nisl. Sed maximus mauris ut sollicitudin sollicitudin. Quisque ipsum leo, convallis in quam in, lacinia lacinia tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent eros erat, tincidunt vel lacinia eget, ornare non enim. Sed a bibendum libero, in maximus tellus. Nunc et orci eget tortor vestibulum elementum. Cras aliquet placerat lacus et egestas. In sapien leo, laoreet sed lectus id, aliquet venenatis quam. Fusce vitae elit feugiat, porttitor elit et, varius ligula.

Fusce at metus est. Mauris consequat luctus nibh, quis fringilla nulla bibendum in. Maecenas et odio nec metus congue congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus id elit ut nulla placerat ornare quis sit amet nulla. Etiam molestie porttitor lorem at malesuada. Fusce eu tincidunt ex, eu ornare diam. Fusce eget erat sodales, ullamcorper nulla sit amet, blandit neque.

Callout: Quote

INNER BLOCK

The Callout: Quote inner content block allows you to highlight a quote and include the name, title, location, and/or headshot of the source.

Watch Video

Inner Block

Short quote — No attribution."

Longer quote — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna.

Source Name

Longer quote — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna.

Source Name, Source Role

Longer quote — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna.

Source Name, Source Role, Source Location

Longer quote with head shot — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna.

Source Name, Source Role, Source Location

Even longer quote with head shot — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna. Nunc non est nec nunc cursus hendrerit. Nunc sit amet mattis nisl. Sed maximus mauris ut sollicitudin sollicitudin. Quisque ipsum leo, convallis in quam in, lacinia lacinia tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Source Name, Source Role, Source Location

If you think the image is too big, you can also use the Container: Media + Inner Blocks outer block with the Callout: Quote inner block (without the image, obviously). The height of the image will stretch to the size of the quote, as you can see in this case:

Even longer quote with head shot — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna. Nunc non est nec nunc cursus hendrerit. Nunc sit amet mattis nisl. Sed maximus mauris ut sollicitudin sollicitudin. Quisque ipsum leo, convallis in quam in, lacinia lacinia tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Source Name, Source Role, Source Location

Callout: Two Quotes

INNER BLOCK

The Callout: Two Quotes offers the same functionality as above, but with two quotes in columns with the same width.

Short quote — No attribution."
Source Name​​​​‌‍​‍​‍‌‍‌​‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍​‍​‍​‍‍​‍​‍‌​‌‍​‌‌‍‍‌‍‍‌‌‌​‌‍‌​‍‍‌‍‍‌‌‍​‍​‍​‍​​‍​‍‌‍‍​‌​‍‌‍‌‌‌‍‌‍​‍​‍​‍‍​‍​‍‌‍‍​‌‌​‌‌​‌​​‌​​‍‍​‍​‍‌​‌‍​‌‌‍‍‌‍‍‌‌‌​‌‍‌​‍‍‌‍​‌‍‌‍‍‌​‌‍‌‌‌​‍‌‌‍‌‍​‌‌‌​‌‍‍‌‌‍‌‍‍​‍‍‌‍‌​‍‌‍‌​‍‌‍‌‌‍​‌‌‍‍‌‌‍‍​‍‌‍‍‌‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​​‍‌‍‌‌‍‌‍‌​‌‍‌‌​‌‌​​‌​‍‌‍‌‌‌​‌‍‌‌‌‍‍‌‌​‌‍​‌‌‌​‌‍‍‌‌‍‌‍‍​‍‌‍‍‌‌‍‌​​‌​‌​‌‌‍​‌‍‌‍‌‍‌‍‌‍‌‌‌‍‌‍​‌​​‍‌‌‍‌‌​​‌‌‍​‌‌‍‌‍​‍‌​‌​‌‍‌‌​‌‌​‍​​‍‌‌‍​‍​​‌​‍‌​​​‍‌‌‍‌‌​​‌‍‌​‌‍​‌​​​‌‍​‍​‌​​​​‌‍‌‌​​‍​‌‍​​‌​‍‌‌​‌‍‌‌​​‌‍‌‌​‌‌‍‌​‌‍‌‍​‌‌‌‌‍‌‌‍‌‌‌‍‍‌‌​​‍‍‌​​‌‍​‌‌‍‌‌‍‌‌​‍‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍​​‍​‍​‌‍‌‌‍‍​​‍‌‍​‌‍‌‌‍‌‌‌‍‌‌​‌​​‍​‌‍‍​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍‌‍​‌‌‍‌‍‌‍​​‌‌‍​‍‌‍​‌‍‌‌​​‌​​‍​‌​‌‍​​‌‍‌‍​‌​‌‌‌‍‌‌‌‍‌‌​​​‍‌‌‍​​​​‌‍‌‍​‌​‍​​​‍‌‍‌‌‌‍​‌​​‌​‌​‌‍​‍​‌​‌​​​​​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌​‌‍‌‌‌‌​‍‌‍​‌‍‌‌‌​‍‌‍​‌‌‍‌‌‍‌‌​‌‍​‍‌‍​‌‌​‌‍‌‌‌‌‌‌‌​‍‌‍​​‌‌‍‍​‌‌​‌‌​‌​​‌​​‍‌‌​​‌​​‌​‍‌‌​​‍‌​‌‍​‍‌‌​​‍‌​‌‍‌​‌‍​‌‌‍‍‌‍‍‌‌‌​‌‍‌​‍‍‌‍​‌‍‌‍‍‌​‌‍‌‌‌​‍‌‌‍‌‍​‌‌‌​‌‍‍‌‌‍‌‍‍​‍‍‌‍‌​‍‌‍‌​‍‌‍‌‍‍‌‌‍‌​​‌​‌​‌‌‍​‌‍‌‍‌‍‌‍‌‍‌‌‌‍‌‍​‌​​‍‌‌‍‌‌​​‌‌‍​‌‌‍‌‍​‍‌​‌​‌‍‌‌​‌‌​‍​​‍‌‌‍​‍​​‌​‍‌​​​‍‌‌‍‌‌​​‌‍‌​‌‍​‌​​​‌‍​‍​‌​​​​‌‍‌‌​​‍​‌‍​​‌​‍‌‍‌‌​‌‍‌‌​​‌‍‌‌​‌‌‍‌​‌‍‌‍​‌‌‌‌‍‌‌‍‌‌‌‍‍‌‌​​‍‍‌​​‌‍​‌‌‍‌‌‍‌‌​‍‌‍‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍​​‍​‍​‌‍‌‌‍‍​​‍‌‍​‌‍‌‌‍‌‌‌‍‌‌​‌​​‍​‌‍‍​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍‌‍​‌‌‍‌‍‌‍​​‌‌‍​‍‌‍​‌‍‌‌​​‌​​‍​‌​‌‍​​‌‍‌‍​‌​‌‌‌‍‌‌‌‍‌‌​​​‍‌‌‍​​​​‌‍‌‍​‌​‍​​​‍‌‍‌‌‌‍​‌​​‌​‌​‌‍​‍​‌​‌​​​​​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌​‌‍‌‌‌‌​‍‌‍​‌‍‌‌‌​‍‌‍​‌‌‍‌‌‍‌‌​‍‌‍‌‌‌‍‌​‍‌‍‍‌​‌​​‌‍​‌‌‍​‌‍‌‌​‌‌‍‌‌‍​‌‌‍‍‌‌‍‍​‍​‍‌‌, Source Role​​​​‌‍​‍​‍‌‍‌​‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍​‍​‍​‍‍​‍​‍‌​‌‍​‌‌‍‍‌‍‍‌‌‌​‌‍‌​‍‍‌‍‍‌‌‍​‍​‍​‍​​‍​‍‌‍‍​‌​‍‌‍‌‌‌‍‌‍​‍​‍​‍‍​‍​‍‌‍‍​‌‌​‌‌​‌​​‌​​‍‍​‍​‍‌​‌‍​‌‌‍‍‌‍‍‌‌‌​‌‍‌​‍‍‌‍​‌‍‌‍‍‌​‌‍‌‌‌​‍‌‌‍‌‍​‌‌‌​‌‍‍‌‌‍‌‍‍​‍‍‌‍‌​‍‌‍‌​‍‌‍‌‌‍​‌‌‍‍‌‌‍‍​‍‌‍‍‌‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​​‍‌‍‌‌‍‌‍‌​‌‍‌‌​‌‌​​‌​‍‌‍‌‌‌​‌‍‌‌‌‍‍‌‌​‌‍​‌‌‌​‌‍‍‌‌‍‌‍‍​‍‌‍‍‌‌‍‌​​‌​‌​‌‌‍​‌‍‌‍‌‍‌‍‌‍‌‌‌‍‌‍​‌​​‍‌‌‍‌‌​​‌‌‍​‌‌‍‌‍​‍‌​‌​‌‍‌‌​‌‌​‍​​‍‌‌‍​‍​​‌​‍‌​​​‍‌‌‍‌‌​​‌‍‌​‌‍​‌​​​‌‍​‍​‌​​​​‌‍‌‌​​‍​‌‍​​‌​‍‌‌​‌‍‌‌​​‌‍‌‌​‌‌‍‌​‌‍‌‍​‌‌‌‌‍‌‌‍‌‌‌‍‍‌‌​​‍‍‌​​‌‍​‌‌‍‌‌‍‌‌​‍‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍​​‍​‍​‌‍‌‌‍‍​​‍‌‍​‌‍‌‌‍‌‌‌‍‌‌​‌​​‍​‌‍‍​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍‌‍​‌‌‍‌‍‌‍​​‌‌‍​‍‌‍​‌‍‌‌​​‌​​‍​‌​‌‍​​‌‍‌‍​‌​‌‌‌‍‌‌‌‍‌‌​​​‍‌‌‍​​​​‌‍‌‍​‌​‍​​​‍‌‍‌‌‌‍​‌​​‌​‌​‌‍​‍​‌​‌​​​​​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌​‌‍‌‌‌‌​‍‌‍​‌‍‌‌‌‌​‍‌‍‌‍​‌‍‌‌​‌‍​‍‌‍​‌‌​‌‍‌‌‌‌‌‌‌​‍‌‍​​‌‌‍‍​‌‌​‌‌​‌​​‌​​‍‌‌​​‌​​‌​‍‌‌​​‍‌​‌‍​‍‌‌​​‍‌​‌‍‌​‌‍​‌‌‍‍‌‍‍‌‌‌​‌‍‌​‍‍‌‍​‌‍‌‍‍‌​‌‍‌‌‌​‍‌‌‍‌‍​‌‌‌​‌‍‍‌‌‍‌‍‍​‍‍‌‍‌​‍‌‍‌​‍‌‍‌‍‍‌‌‍‌​​‌​‌​‌‌‍​‌‍‌‍‌‍‌‍‌‍‌‌‌‍‌‍​‌​​‍‌‌‍‌‌​​‌‌‍​‌‌‍‌‍​‍‌​‌​‌‍‌‌​‌‌​‍​​‍‌‌‍​‍​​‌​‍‌​​​‍‌‌‍‌‌​​‌‍‌​‌‍​‌​​​‌‍​‍​‌​​​​‌‍‌‌​​‍​‌‍​​‌​‍‌‍‌‌​‌‍‌‌​​‌‍‌‌​‌‌‍‌​‌‍‌‍​‌‌‌‌‍‌‌‍‌‌‌‍‍‌‌​​‍‍‌​​‌‍​‌‌‍‌‌‍‌‌​‍‌‍‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍​​‍​‍​‌‍‌‌‍‍​​‍‌‍​‌‍‌‌‍‌‌‌‍‌‌​‌​​‍​‌‍‍​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍‌‍​‌‌‍‌‍‌‍​​‌‌‍​‍‌‍​‌‍‌‌​​‌​​‍​‌​‌‍​​‌‍‌‍​‌​‌‌‌‍‌‌‌‍‌‌​​​‍‌‌‍​​​​‌‍‌‍​‌​‍​​​‍‌‍‌‌‌‍​‌​​‌​‌​‌‍​‍​‌​‌​​​​​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌​‌‍‌‌‌‌​‍‌‍​‌‍‌‌‌‌​‍‌‍‌‍​‌‍‌‌​‍‌‍‌‌‌‍‌​‍‌‍‍‌​‌​​‌‍​‌‌‍​‌‍‌‌​‌‌‍‌‌‍​‌‌‍‍‌‌‍‍​‍​‍‌‌
Longer quote with head shot — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna.
Source Name, Source Role, Source Location

Callout: Box

INNER BLOCK

The Callout: Box inner content block is a box that you can use to break up content or highlight some copy or links. You can have a label, title, description and/or link, the latter of which comes in three different styles.

Content Field: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna. Nunc non est nec nunc cursus hendrerit. Nunc sit amet mattis nisl. Sed maximus mauris ut sollicitudin sollicitudin.

Title + Content Field

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna. Nunc non est nec nunc cursus hendrerit. Nunc sit amet mattis nisl. Sed maximus mauris ut sollicitudin sollicitudin.

Here's the Label Field

Label + Title + Content Field

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna. Nunc non est nec nunc cursus hendrerit. Nunc sit amet mattis nisl. Sed maximus mauris ut sollicitudin sollicitudin.

Here's the Label Field

Label + Title + Content Field + Link

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna. Nunc non est nec nunc cursus hendrerit. Nunc sit amet mattis nisl. Sed maximus mauris ut sollicitudin sollicitudin.

Button (Default)

Here's the Label Field

Label + Title + Content Field + Link

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna. Nunc non est nec nunc cursus hendrerit. Nunc sit amet mattis nisl. Sed maximus mauris ut sollicitudin sollicitudin.

Button (Alternate)

Here's the Label Field

Label + Title + Content Field + Link

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna. Nunc non est nec nunc cursus hendrerit. Nunc sit amet mattis nisl. Sed maximus mauris ut sollicitudin sollicitudin.

Button (Single Stretched)

Text: Columns (Max 3)

INNER BLOCK

You can use the Text: Columns (Max 3) inner content block to add one, two or three columns next to one another. You can stack this content block, but we'd recommend to match the number of columns, i.e. three columns on top of two can look at little odd.

Watch Video

ONE COLUMN: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna. Nunc non est nec nunc cursus hendrerit. Nunc sit amet mattis nisl.

Sed maximus mauris ut sollicitudin sollicitudin. Quisque ipsum leo, convallis in quam in, lacinia lacinia tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent eros erat, tincidunt vel lacinia eget, ornare non enim. Sed a bibendum libero, in maximus tellus.

TWO COLUMNS: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna. Nunc non est nec nunc cursus hendrerit. Nunc sit amet mattis nisl.

Sed maximus mauris ut sollicitudin sollicitudin. Quisque ipsum leo, convallis in quam in, lacinia lacinia tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent eros erat, tincidunt vel lacinia eget, ornare non enim. Sed a bibendum libero, in maximus tellus.

TWO COLUMNS: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna. Nunc non est nec nunc cursus hendrerit. Nunc sit amet mattis nisl.

Sed maximus mauris ut sollicitudin sollicitudin. Quisque ipsum leo, convallis in quam in, lacinia lacinia tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent eros erat, tincidunt vel lacinia eget, ornare non enim. Sed a bibendum libero, in maximus tellus.

THREE COLUMNS: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna. Nunc non est nec nunc cursus hendrerit. Nunc sit amet mattis nisl.

Sed maximus mauris ut sollicitudin sollicitudin. Quisque ipsum leo, convallis in quam in, lacinia lacinia tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent eros erat, tincidunt vel lacinia eget, ornare non enim. Sed a bibendum libero, in maximus tellus.

THREE COLUMNS: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna. Nunc non est nec nunc cursus hendrerit. Nunc sit amet mattis nisl.

Sed maximus mauris ut sollicitudin sollicitudin. Quisque ipsum leo, convallis in quam in, lacinia lacinia tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent eros erat, tincidunt vel lacinia eget, ornare non enim. Sed a bibendum libero, in maximus tellus.

THREE COLUMNS: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna. Nunc non est nec nunc cursus hendrerit. Nunc sit amet mattis nisl.

Sed maximus mauris ut sollicitudin sollicitudin. Quisque ipsum leo, convallis in quam in, lacinia lacinia tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent eros erat, tincidunt vel lacinia eget, ornare non enim. Sed a bibendum libero, in maximus tellus.

Text: Accordion​​​​‌‍​‍​‍‌‍‌​‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍​‍​‍​‍‍​‍​‍‌​‌‍​‌‌‍‍‌‍‍‌‌‌​‌‍‌​‍‍‌‍‍‌‌‍​‍​‍​‍​​‍​‍‌‍‍​‌​‍‌‍‌‌‌‍‌‍​‍​‍​‍‍​‍​‍‌‍‍​‌‌​‌‌​‌​​‌​​‍‍​‍​‍‌​‌‍​‌‌‍‍‌‍‍‌‌‌​‌‍‌​‍‍‌‍​‌‍‌‍‍‌​‌‍‌‌‌​‍‌‌‍‌‍​‌‌‌​‌‍‍‌‌‍‌‍‍​‍‍‌‍‌​‍‌‍‌​‍‌‍‌‌‍​‌‌‍‍‌‌‍‍​‍‌‍‍‌‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​​‍‌‍‌‌‍‌‍‌​‌‍‌‌​‌‌​​‌​‍‌‍‌‌‌​‌‍‌‌‌‍‍‌‌​‌‍​‌‌‌​‌‍‍‌‌‍‌‍‍​‍‌‍‍‌‌‍‌​​‌​‌​‌‌‍​‌‍‌‍‌‍‌‍‌‍‌‌‌‍‌‍​‌​​‍‌‌‍‌‌​​‌‌‍​‌‌‍‌‍​‍‌​‌​‌‍‌‌​‌‌​‍​​‍‌‌‍​‍​​‌​‍‌​​​‍‌‌‍‌‌​​‌‍‌​‌‍​‌​​​‌‍​‍​‌​​​​‌‍‌‌​​‍​‌‍​​‌​‍‌‌​‌‍‌‌​​‌‍‌‌​‌‌‍‌​‌‍‌‍​‌‌‌‌‍‌‌‍‌‌‌‍‍‌‌​​‍‍‌​​‌‍​‌‌‍‌‌‍‌‌​‍‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍‌‍​‌​‌‌​‌‍​‌​​‍​‍​​​‌​‌‍‌‍‌‌​‌​‍​‌‍‌‌​​‌‌‍​​‌‌‍​​​‍‌‍​​​‍​‌‌‌‍​‍​​‌‍​​‌‌‌‍‌‌​‌‍​‌‍‌‍​‌​​‌‍​‍‌‍‌‌​‍‌​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍​​‌​‍‌​‌‌‍‌​‌​‌​​​‍‌​‍​​​‍​​​‌​​‌‍​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍​​‍‌‍‌‌​‍‌​​‍​​‍‌‍‌​‌‍​‌‌‍‌​​‍​​‌‌‍​‍‌‍‌​​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍‍​‌‍‍‌‌‍​‌‍‌​‌​‍‌‍‌‌‌‍‍​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍‌‍​‌‌‍​‍​‌​‌‍​‌​‍‌​​‌​​‍​‌‍‌‍​‍​‌​​‌​‌‍​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‌​‌‍‌‌‌‍​‌‌​​‌‍​‍‌‍​‌‌​‌‍‌‌‌‌‌‌‌​‍‌‍​​‌‌‍‍​‌‌​‌‌​‌​​‌​​‍‌‌​​‌​​‌​‍‌‌​​‍‌​‌‍​‍‌‌​​‍‌​‌‍‌​‌‍​‌‌‍‍‌‍‍‌‌‌​‌‍‌​‍‍‌‍​‌‍‌‍‍‌​‌‍‌‌‌​‍‌‌‍‌‍​‌‌‌​‌‍‍‌‌‍‌‍‍​‍‍‌‍‌​‍‌‍‌​‍‌‍‌‍‍‌‌‍‌​​‌​‌​‌‌‍​‌‍‌‍‌‍‌‍‌‍‌‌‌‍‌‍​‌​​‍‌‌‍‌‌​​‌‌‍​‌‌‍‌‍​‍‌​‌​‌‍‌‌​‌‌​‍​​‍‌‌‍​‍​​‌​‍‌​​​‍‌‌‍‌‌​​‌‍‌​‌‍​‌​​​‌‍​‍​‌​​​​‌‍‌‌​​‍​‌‍​​‌​‍‌‍‌‌​‌‍‌‌​​‌‍‌‌​‌‌‍‌​‌‍‌‍​‌‌‌‌‍‌‌‍‌‌‌‍‍‌‌​​‍‍‌​​‌‍​‌‌‍‌‌‍‌‌​‍‌‍‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍‌‍​‌​‌‌​‌‍​‌​​‍​‍​​​‌​‌‍‌‍‌‌​‌​‍​‌‍‌‌​​‌‌‍​​‌‌‍​​​‍‌‍​​​‍​‌‌‌‍​‍​​‌‍​​‌‌‌‍‌‌​‌‍​‌‍‌‍​‌​​‌‍​‍‌‍‌‌​‍‌​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍​​‌​‍‌​‌‌‍‌​‌​‌​​​‍‌​‍​​​‍​​​‌​​‌‍​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍​​‍‌‍‌‌​‍‌​​‍​​‍‌‍‌​‌‍​‌‌‍‌​​‍​​‌‌‍​‍‌‍‌​​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍‍​‌‍‍‌‌‍​‌‍‌​‌​‍‌‍‌‌‌‍‍​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍‌‍​‌‌‍​‍​‌​‌‍​‌​‍‌​​‌​​‍​‌‍‌‍​‍​‌​​‌​‌‍​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‌​‌‍‌‌‌‍​‌‌​​‍‌‍‌‌‌‍‌​‍‌‍‍‌​‌​​‌‍​‌‌‍​‌‍‌‌​‌‌‍‌‌‍​‌‌‍‍‌‌‍‍​‍‌‍‌​​‌‍‌‌‌​‍‌​‌​​‌‍‌‌‌‍​‌‌​‌‍‍‌‌‌‍‌‍‌‌​‌‌​​‌‌‌‌‍​‍‌‍​‌‍‍‌‌​‌‍‍​‌‍‌‌‌‍‌​​‍​‍‌‌

INNER BLOCK

You can use the Text: Accordion inner content block to create a scalable list of titles with longer descriptions available when users click the "+" icon.

Watch Video

Text: Highlight

INNER BLOCK

The Text: Highlight inner content block is a good way to highlight a short sentence. Brevity is important, but this can scale to accept longer sentences. You can add one of our three giving circle badges or a very small image.

Watch Video

This is the text that we are highlighting

This is a longer passage — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper faucibus augue ac bibendum. Aenean magna lectus, dictum sit amet blandit sit amet, molestie id massa. Nam nec diam nec enim eleifend ullamcorper et sit amet magna. Nunc non est nec nunc cursus hendrerit. Nunc sit amet mattis nisl. Sed maximus mauris ut sollicitudin sollicitudin.

You can also add giving stamps if you want to promote The Current donor community

Or Emerald Circle

Or Azure Circle

Here's another way you can promote a (very small) image

Text: Stats

INNER BLOCK

The Text: Stat inner content block is a great way to break up text with a short number. You can also add a unit of measurement and/or a description. Brevity is important with the Unit of Measurement and especially the stat. You can add as many stats as you need, but they will display left justified up to 4 — any after that will appear in a second row beneath it.

Watch Video

STAT

STAT

STAT

Unit of Measurement

STAT

Unit of Measurement

STAT

Unit of Measurement

STAT

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a hendrerit sapien. Bold. Italic. Underlined. Subscript2. Superscript2. Hyperlink.

STAT

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a hendrerit sapien. Bold. Italic. Underlined. Subscript2. Superscript2. Hyperlink.

STAT

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a hendrerit sapien. Bold. Italic. Underlined. Subscript2. Superscript2. Hyperlink.

STAT

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a hendrerit sapien. Bold. Italic. Underlined. Subscript2. Superscript2. Hyperlink.

STAT

Unit of Measurement

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a hendrerit sapien. Bold. Italic. Underlined. Subscript2. Superscript2. Hyperlink.

STAT

Unit of Measurement

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a hendrerit sapien. Bold. Italic. Underlined. Subscript2. Superscript2. Hyperlink.

STAT

Unit of Measurement

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a hendrerit sapien. Bold. Italic. Underlined. Subscript2. Superscript2. Hyperlink.

STAT

Unit of Measurement

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a hendrerit sapien. Bold. Italic. Underlined. Subscript2. Superscript2. Hyperlink.

STAT

Unit of Measurement

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a hendrerit sapien. Bold. Italic. Underlined. Subscript2. Superscript2. Hyperlink.

Text: Statement

INNER BLOCK

The Text: Statement inner content block is another way to highlight a short sentence. Brevity is even more important with this visual treatment. There is very little to configure.

This is a short statement

This is a longer statement with some additional formatting. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Bold. Italic. Underlined. Subscript2. Superscript2. Hyperlink.

Container: Updates from the field

OUTER BLOCK

The Container: Updates from the field outer content block is a way you can simulate live text updates from the field. It's just a date and a text field. You can also edit the header. Note: Through a quirk of time zones, the date will display correctly in the date picker and on the front end, but the admin will show the prior date.

Updates from the field

January 1, 2026

Here's a quick update from the field.

January 15, 2026

Here's a slightly longer update from the field.

January 20, 2026

Here's an even longer update from the field. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et placerat turpis. Nullam mollis, ligula eget pulvinar ornare, elit magna porttitor nibh, id placerat erat nulla eu dolor.

January 31, 2026

Here's an even longer update from the field. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et placerat turpis. Nullam mollis, ligula eget pulvinar ornare, elit magna porttitor nibh, id placerat erat nulla eu dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et placerat turpis. Nullam mollis, ligula eget pulvinar ornare, elit magna porttitor nibh, id placerat erat nulla eu dolor. Suspendisse a hendrerit sapien. Etiam aliquet, diam quis malesuada finibus, ipsum massa porttitor lorem, elementum auctor ipsum libero ut urna.

February 2, 2026

Back to short updates.

Shared Content

OUTER BLOCK

The Shared Content outer content block can be any combination of outer and inner blocks. It is managed under Modular Content / Reusable Blocks CTAs. Here's an example using Text: Columns (Max 3):

Text: Columns (Max 3)

Dolor sit amet, consectetur adipiscing elit. Aliquam feugiat lobortis sem sodales lobortis. Integer nec faucibus orci. Fusce tempor, justo posuere elementum vulputate, felis risus tristique quam, non facilisis dolor tortor ac magna. Proin neque enim, egestas ac risus vel, posuere lacinia dolor.

Text: Columns (Max 3)

Dolor sit amet, consectetur adipiscing elit. Aliquam feugiat lobortis sem sodales lobortis. Integer nec faucibus orci. Fusce tempor, justo posuere elementum vulputate, felis risus tristique quam, non facilisis dolor tortor ac magna. Proin neque enim, egestas ac risus vel, posuere lacinia dolor.

Tabbed Content

OUTER BLOCK

The Tabbed Content outer content block allows you to display short captions and links side by side with a tabbed interfact. The content block also flags if there's no link selected in the admin, but it won't display on the frontend.

A caption is required for the tab to display.

You can also display 0-4 links as buttons, though buttons may increase in height if there isn't enough horizontal space.

Now viewing: Tab 1

This is an explanation of the first tab, with a list of three links.

This is a much longer explanation, with only one link

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam feugiat lobortis sem sodales lobortis. Integer nec faucibus orci. Fusce tempor, justo posuere elementum vulputate, felis risus tristique quam, non facilisis dolor tortor ac magna. Proin neque enim, egestas ac risus vel, posuere lacinia dolor. Praesent vel magna volutpat risus lacinia convallis. Vivamus lacinia leo risus, semper consectetur metus feugiat ut. Proin cursus mauris vitae nulla euismod auctor. Pellentesque tempor lacus id neque maximus, eu rutrum nunc eleifend.

You need a caption for the Tab to appear

And you don't need a link button but you can embed a link in the caption if you'd like.

const suppressList = ['/','/home','/act']; const pathname = window.location.pathname; if (!suppressList.includes(pathname)) { document.querySelector('body').insertAdjacentHTML('beforeend','
'); }