Skip to Main Content

Pelican Design System icon Pelican Design System Single Pane

Single Pane

A image next to a solid block of color with text and a link.

Edit on GitHub

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 Sign In Form Template by LA Gov Design Team (@lagovdesignteam) on CodePen.

Next
Page top