Terminology used in this document:
Component: Individual element, such as a header or video; also referred to as blocks
Pattern: A collection of components that is designed to convey a coherent message
Component: Form
Components used: Form block (the fields are included in the form)
Where to use the form: Forms belong at the bottom of product and industry pages
How to add a form: Forms can be found in the “custom blocks” section, under the term “Formstack.” Form sections can’t be customized.
Component: Article carousel
Components used: “Related posts”
When to use an article carousel: At the bottom of product or industry pages to highlight related content
How to use a blog post card: Select the “Related posts” component from the “Velcro Custom Blocks” section of the Block library
Pattern: Media
Components used: Header; secondary CTA; media component
When to use this pattern: This pattern should be used to display “teaser” media leading to a separate page
Pattern: Media + CTA button
Components used: Header; media component; CTA button
When to use this pattern: This pattern should be used to display “teaser” media leading to a separate page
Component: Blog post card
Components used: “Related posts
When to use a blog post card:
How to use a blog post card: Select the “
Component: Instagram preview
Components used:
When to use this pattern:
Component: FAQ
Components used:
When to use this pattern:
Component: Individual questions
Components used:
When to use this pattern: