Product page example

Keep the whole project in view.

A clear introduction, one useful next step, and product evidence. Give the reader enough context to decide where to go.

Explore the workflowRead the documentation
Example workspaceDemo board

Planned

DEMO-12

Make setup easier to follow

DEMO-14

Align the reference pages

In progress

DEMO-09

Check the mobile workflow

Ready for review

DEMO-07

Improve reading contrast

Illustrative product evidence. Production pages should show their actual interface.

Show the work before listing features.

One worked example explains a product more clearly than a grid of claims. Show what the product did, then say what it proves.

Check the mobile workflowDEMO-09
  • 390 pxFails: the table scrolls the page
  • 720 pxPasses: no horizontal overflow
  • 1280 pxPasses: no horizontal overflow
Illustrative check results for one task.

What the capture proves

The check ran at three widths and named the one that failed. A reader can see the result and the cause before reading any claim about the product.