Skip to main content

Product page

Layout for product and marketing pages.

View an example page that uses this layout (opens in a new tab)

This layout, based on the component used on GOV.UK product pages, can be useful if you need a product or marketing page.

To use this layout, make product the value for a page’s layout key:

---
layout: product
title: Page title
---

Page content

In addition to common front matter options, this layout also accepts the following options:

Name Type Description
startButton object Start button. Appears below the title and any description.
startButton.text string Text for the start button (default is ‘Get started’).
startButton.href string URL or page the start button should link to.
image object Product image. Appears to the right of the page title, and is hidden on mobile.
image.src string Path to product image.
image.alt string Alternative text for product image.