Showcase: every pattern and block of Leitvia

The Showcase is the reference installation of Leitvia: the theme, Leitvia Studio and Leitvia Pro on one WordPress site, with every pattern and every block on a page of its own and a sample website for a design studio around them.

Open the live demo of Showcase
All demos
Start page of the Showcase demo: the headline This whole site is one WordPress theme, two buttons and a dark strip with the checks the site passes
Start page at 1440 pixels, as of October 2026

What the demo shows

  • A page for each of the 54 patterns of the theme and the 6 patterns of Studio, each with the description the block inserter shows
  • A page for each block of Studio and of Leitvia Pro, filled with real content
  • A sample website for a design studio with work, services, about and contact pages, composed by the rules in leitvia-contract.json
  • Every page in every style variation through ?style= in the address: Warm Editorial, Swiss Editorial and Corporate, light and dark
  • An accessibility statement with a version in easy language
The same start page on a phone: headline, two stacked buttons and the strip with the checks
On a phone, 390 pixels wide

Patterns and blocks

All 54 patterns of the theme (heroes, content, teasers, social proof, calls to action, offers, shop, headers and footers) and the 6 of Studio (bento features, feature catalog, story highlight, announcement header, mega menu panel, pricing plans).

Blocks: All 21 blocks of Studio and the four blocks of Leitvia Pro.

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: Leitvia Demo, a fictional design studio
  • Kind of site: Reference site
  • Built with: the theme, Leitvia Studio and the blocks of Leitvia Pro
  • Plan: Free, apart from the pages of the four Pro blocks.
  • Live demo: demo.leitvia.com/

Build a site like Showcase

Set it up on your own site in three steps:

  1. Install the theme and Leitvia Studio, as the getting started guide shows.
  2. Pick a style variation under Appearance, Editor, Styles.
  3. Insert patterns from the block inserter and replace the sample text; the recipe Company sets up a similar studio website in one run.
wp leitvia recipe apply leitvia/company --user=admin

The skill leitvia-page builds a page from a goal and content points, picking patterns by the composition rules of the contract.

More demos