Documentation menu

Lantern: product documentation

Lantern is a fictional open source uptime monitor. Its documentation is built from the recipe Documentation of Leitvia Studio and the documentation template of the theme, in the style variation Corporate dark.

Open the live demo of Lantern
All demos
Start page of the Lantern documentation on dark blue: Uptime checks and status pages you host yourself, with a search field in the header
Start page at 1440 pixels, as of October 2026

What the demo shows

  • A page tree of three levels with the documentation template of the theme and its sidebar
  • The block Table of contents on every page, readable without JavaScript
  • Code examples with a Copy code button that Studio adds once JavaScript runs
  • Tables, a changelog and a search in the header that is named as its own landmark
The Lantern documentation on a phone: search field below the logo and the headline in large white type
On a phone, 390 pixels wide

Patterns and blocks

Search header, editorial hero, feature grid, steps, two columns, FAQ, quote, contact call to action and the minimal footer.

Blocks: Table of contents of Studio.

Every pattern reads its colors, sizes and spacing from the roles of the design contract, so the same sections look different in each demo without a line of custom CSS.

Facts

  • Brand: Lantern (fictional)
  • Kind of site: Product documentation
  • Built with: the recipe Documentation
  • Plan: Free.
  • Live demo: demo.leitvia.com/docs/

Build a site like Lantern

Set it up on your own site in three steps:

  1. Install the theme and Leitvia Studio.
  2. Apply the recipe Documentation and its change package.
  3. Create your pages below Documentation with the template Documentation and add the block Table of contents where a page gets long.
wp leitvia recipe apply leitvia/documentation --user=admin

The skill leitvia-setup applies the recipe; leitvia-maintain later repairs broken links and missing alt text across the page tree.

More demos