Skip to Main Content

Pelican Design System icon 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.

Page top