Alderbank Commons: the association kit

Alderbank Commons is the fictional neighbourhood association of the industry kit Association and club of Leitvia Pro: events, membership, board, donations and contact, in sunflower, aubergine and lavender with Bricolage Grotesque and Figtree.

Open the live demo of Alderbank Commons
All demos
Start page of Alderbank Commons on a sunflower yellow band: Grow, fix and share on Alder Street, beside the next three events
Start page at 1440 pixels, as of October 2026

What the demo shows

  • Upcoming events only, past ones drop off the list by themselves
  • Membership fees and the board by position from the entries
  • Donations by bank transfer as information, with no payment form
  • A season slider and a bento grid of activities
  • A lively token set that still keeps every color pair at WCAG 2.2 AA
Alderbank Commons on a phone: headline, buttons for events and membership and the first upcoming event
On a phone, 390 pixels wide

Patterns and blocks

From the kit: hero, season, activities, events, memberships, board, bank details and join.

Blocks: Entry list and Slider of Leitvia Pro, Bento grid and Reveal 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: Alderbank Commons (fictional)
  • Kind of site: Neighbourhood association
  • Built with: the industry kit Association and club of Leitvia Pro
  • Content types of the kit: events, memberships and board members
  • Plan: Leitvia Pro. Pro Agency and Pro Agency Unlimited include every kit, Pro Solo includes one kit of your choice; more kits cost €49 a year each.
  • Live demo: demo.leitvia.com/association/

Build a site like Alderbank Commons

Set it up on your own site in three steps:

  1. Install Leitvia Studio and Leitvia Pro and enter your access key under Leitvia Studio, Pro license.
  2. Apply the kit under Leitvia Studio, Pro license, section Industry kits, or with WP-CLI. It activates the token set and imports the content model, pages, header, footer, navigation and sample entries.
  3. What your autonomy settings hold back waits in one change package in the Inbox. Apply it and apply the kit again to finish; a second run changes nothing else.
wp leitvia recipe apply leitvia-pro/association --user=admin

The skill leitvia-pro-kits, which ships in the zip of Leitvia Pro, teaches an agent to apply the kit, create and change its entries, build pages from the kit patterns and fill the Pro blocks, through the abilities of Studio only.

More demos