Skip to main content

An example post with screenshots

This is an example of a standard design history post – it begins with a preamble about the design and ends with a list of screenshots.

Some real examples are:

This page was generated

After screenshots were saved to the app/images/example-post directory, this page was generated using the following command:

node scripts/generate.js example-post

Read the guide on how to use this script

You can print this page

If you print preview a design history post you’ll see that each screenshot is given its own page.

Example image title

Example of how you can set alternative text. If you leave this off, the default alt text will be 'Screenshot of [image title]'.

You can include captions with each image, and each caption can include markdown. This is a screenshot of the index page.

Search results

Screenshot of Search results

A design history post

Screenshot of A design history post