Components

Components are reusable parts of the user interface that have been made to display on the Historic England website.

Callouts

To draw attention to a certain body of text

Two Column and Lists

To engage the user, break up your page text, or visualise complex data

  • 2 Col Grid

    Short blocks of bitesize text such as summary points, show key facts, or lists of steps

  • 2 Col List

    Larger blocks of text to display in a sequential (listed) order

  • Accordion

    A vertical list of headers, users interact to reveal or hide content within them.

Quotes

To display a quotation: either from a person or another outside source or to highlight a passage of the current document.

  • Inline Quote

    A long body of text, and to show multiple bodies of speech next to each other

  • Pull Quote

    A ultra-short and high impact display of reported speech

Images

To engage the user with visual elements, and to break up page text

Tables

Use the table component to make information easier to compare and scan for users.

  • Inline Quote

    A long body of text, and to show multiple bodies of speech next to each other

  • Pull Quote

    A ultra-short and high impact display of reported speech

Alert and Promotion

To highlight and promote a prominent message

Related Document and Publications

To offer support alongside page text

Buttons and Text

Buttons trigger an action such as submitting a form or showing/hiding an interface component.

Biography

A profile of an author

Contact

Social

To add content or posts from social media channels to your page

Third Party Plugin

Related items

To connect the user with additional relevant content