Date modified: design pattern

Mandatory on all pages

The date modified component indicates how recently the content of a web page has been updated.

Date modified section
Screenshot of a webpage: button labeled 'Report a problem on this page' appears on the left. 'Share this page' appears on the right, and 'Date modified: 2017-12-05' appears highlighted below.


Use the date modified component to provide a person with the date that the content was last updated.

When to use the Date modified pattern

The Date modified pattern is mandatory on all pages. In applications, it can be replaced by a version number. For more information, go to the Mandatory elements of the design system.

When to update the Date modified

This component:

  • should generally only be updated when significant content changes occur
  • should generally not be updated for corrections to typographical errors or changes to the underlying HTML code
  • can be updated manually to signify that the content has been fully reviewed and is still valid as of that date

For applications, the component can be replaced by a “Version number” if desired.

How to implement the Date modified

  • This component always starts with the words “Date modified:” followed by a date.
  • The date appears using the common numeric method, for example: 2016-10-04.
  • Placement: left-aligned, below the main content area. If used in conjunction with the Report a problem pattern, this component appears after the button to report a problem with the page.

Did you find what you were looking for?

What was wrong?

You will not receive a reply. Telephone numbers and email addresses will be removed.
Maximum 300 characters

Thank you for your feedback

Date modified: