Example 1

Accordion Group

Optional Superheader About Accordions Optional Subheader

Accordion groups can be used to condense long content, but should be used with caution. Search engines don’t read and store information that’s stored inside of accordions when crawling pages, so any information inside of an accordion will not count toward your search engine optimization (SEO).

Optional Superhead Media in Accordions

Accordions can contain captioned media, positioned to the right, left, top or bottom of the rest of the content in the accordion.

Formatting Content in Accordions Optional Subheader

Accordions provide access to a WYSIWYG editor where you can lightly format text as bold and italic, create different heading levels, create lists and link text. Most other components do not allow for formatting text in this way.

Calls to Action

You can add primary buttons and CTA links inside of custom content. Primary buttons are better for shorter calls to action, whereas CTA links can be longer.

Primary Button

CTA Link

Example 2

Accordion Group

Optional Superheader About Accordions Optional Subheader

Accordion groups can be used to condense long content, but should be used with caution. Search engines don’t read and store information that’s stored inside of accordions when crawling pages, so any information inside of an accordion will not count toward your search engine optimization (SEO).

Optional Superhead Media in Accordions

Accordions can contain captioned media, positioned to the right, left, top or bottom of the rest of the content in the accordion.

Formatting Content in Accordions Optional Subheader

Accordions provide access to a WYSIWYG editor where you can lightly format text as bold and italic, create different heading levels, create lists and link text. Most other components do not allow for formatting text in this way.

Calls to Action

You can add primary buttons and CTA links inside of custom content. Primary buttons are better for shorter calls to action, whereas CTA links can be longer.

Primary Button

CTA Link

Example 3

Accordion Group

An accordion group is a vertically stacked collection of multiple accordions (headers that can be clicked to reveal or hide content associated with them). You can use an overarching heading and description to contextualize content.

Optional Superheader About Accordions Optional Subheader

Accordion groups can be used to condense long content, but should be used with caution. Search engines don’t read and store information that’s stored inside of accordions when crawling pages, so any information inside of an accordion will not count toward your search engine optimization (SEO).

Optional Superhead Media in Accordions

Accordions can contain captioned media, positioned to the right, left, top or bottom of the rest of the content in the accordion.

Formatting Content in Accordions Optional Subheader

Accordions provide access to a WYSIWYG editor where you can lightly format text as bold and italic, create different heading levels, create lists and link text. Most other components do not allow for formatting text in this way.

Calls to Action

You can add primary buttons and CTA links inside of custom content. Primary buttons are better for shorter calls to action, whereas CTA links can be longer.

Primary Button

CTA Link

Example 4

Accordion Group

An accordion group is a vertically stacked collection of multiple accordions (headers that can be clicked to reveal or hide content associated with them). You can use an overarching heading and description to contextualize content.

Optional Superheader About Accordions Optional Subheader

Accordion groups can be used to condense long content, but should be used with caution. Search engines don’t read and store information that’s stored inside of accordions when crawling pages, so any information inside of an accordion will not count toward your search engine optimization (SEO).

Optional Superhead Media in Accordions

Accordions can contain captioned media, positioned to the right, left, top or bottom of the rest of the content in the accordion.

Formatting Content in Accordions Optional Subheader

Accordions provide access to a WYSIWYG editor where you can lightly format text as bold and italic, create different heading levels, create lists and link text. Most other components do not allow for formatting text in this way.

Calls to Action

You can add primary buttons and CTA links inside of custom content. Primary buttons are better for shorter calls to action, whereas CTA links can be longer.

Primary Button

CTA Link

Example 5

Accordion Group

Optional Superheader About Accordions Optional Subheader

Accordion groups can be used to condense long content, but should be used with caution. Search engines don’t read and store information that’s stored inside of accordions when crawling pages, so any information inside of an accordion will not count toward your search engine optimization (SEO).

Optional Superhead Media in Accordions

Accordions can contain captioned media, positioned to the right, left, top or bottom of the rest of the content in the accordion.

Formatting Content in Accordions Optional Subheader

Accordions provide access to a WYSIWYG editor where you can lightly format text as bold and italic, create different heading levels, create lists and link text. Most other components do not allow for formatting text in this way.

Calls to Action

You can add primary buttons and CTA links inside of custom content. Primary buttons are better for shorter calls to action, whereas CTA links can be longer.

Primary Button

CTA Link