Skip to Main Content

Pelican Design System icon Pelican Design System Textbox Over Photo

Textbox Over Photo

Short text over over a photograph.

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 Color Toned Photo by LA Gov Design Team (@lagovdesignteam) on CodePen.

Previous
Page top