Page anatomy

Page layout

The grant recipients page uses the single column - navigation page layout.

1

Heading (page title)

2

Header description

3

H2 Sub-headings

4

Grant recipients

A direct, short title that tells the user what the page is about.

  • While there is no maximum character limit it should read: [program name] grant recipients.

A sentence that explains what the user will learn on the page.

  • Maximum character limit of 350.

Short titles used to break up the grant recipient tables (if needed) by date (e.g. month) or round (e.g. round 5).

  • Maximum length of one line.
  • Use date or round titles as they would appear in the left-hand navigation.

A list of grant recipients usually in table form. Includes:

  • Applicant’s name
  • Funding amount
  • Project description

Guidelines for use

Purpose

A grants recipients page is a single page listing successful grant recipients over various rounds, usually in table form.

It should always include:

  • Applicant’s name
  • Funding amount
  • Project description
  • A maximum 90 character metadata description for search (this does not appear on the page).

Call to action toast notification

Pops up like cooked bread in a toaster.

Toasts can be left aligned or centered depending on the page context.

Toast notification

Pops up like cooked bread in a toaster.

Toasts can be left aligned or centered depending on the page context.

Changes to this contract are being autosaved.