Pelican Design System
Dual Pane
Dual Pane
An image with text and color overlay next to an image with color overlay and a button.
On this page:
Best Practice
- The large text should be succinct.
- The smaller text can be longer, but try to keep it brief. Lengthy text will defeat the purpose of a Hero Block.
- Don’t use more than the number of buttons shown in this Hero Block.
- Do not use a random or decorative image.
- Be sure to change the heading level as appropriate.
Usage
See the Pen Hero Single Pane by LA Gov Design Team (@lagovdesignteam) on CodePen.