-
Created by
Erica McConnaughey on Nov 29, 2022
1 minute read
aka: Sidebar, Endbar, Aside
Design
A simple block with a background color.
Blue background  | Gray background
|
|---|
Use Cases
Use in News, Update magazine, or Report to Investors posts to highlight a small amount of content (typically at the end of the post).
Fields
- Choose gray (default) or light blue.
- Note: our brand blue color was lightened to meet color contrast standards with text and button copy
Heading
- Add your heading text
- Conditional fields:
- Heading size – select the desired heading size (h2, h3, h4, h5)
- Heading alignment – choose left (default) or center
Text
- Add your supporting copy. All content in this field will be enclosed in <p> elements.
Button
- Add URL and button copy
- The button is styled by the .btn-link class
- Note: the standard .btn-link color and hover color were darkened to meet color contrast standards
- Conditional fields:
- Button Alignment - choose left (default) or center