Summary Envelope
Summary envelopes provide a clear, large text summary near the top of a marketing page that can be used to set the tone of the page and lead the users to the rest of the content.
This component has a UO Edit Suite template for easy use on Drupal Sites: How to use this template
Examples and Code
Section titled “Examples and Code”
Open Full Example
<div class="envelope-summary">
<p>This is a summary of this envelope page.</p>
</div>
Guidance
Section titled “Guidance”When to Use Summary Envelopes
Section titled “When to Use Summary Envelopes”- At the top of a marketing page: Summary envelopes work well for giving a sense of what the page is about, or to provide an initial written hook to read further.
When to Consider Another Component
Section titled “When to Consider Another Component”- For mid-page elements: Summary envelopes are intended to be used as an opening style on a page, for emphasized large text mid-page, consider the Pullquote component.
Usage Guidance
Section titled “Usage Guidance”- Don’t use the component simply for large text: Summary envelopes include a lot of special spacing that will not look good inserted into arbitrary places, use the font size utility classes if the goal is simply for larger text.