Live preview

Components and sections

Every governed library file stays selectable through one responsive component catalog and one live preview shell.

Open catalog Open components Open styleguide Back to library

UI catalog

Selective live preview of the shared UI through one navigation, one filter surface, and one real library directory in the main workspace.

Showroom task

Choose whether you need the library catalog, individual building blocks, or token truth.

Catalog Components Styleguide

Catalog control

The showroom remains a documentation and verification surface for shared UI, not a second product frontend.

Patterns

Filter bar

Search, family, surface, and status stay controlled through the same governed catalog toolbar.

Reset
PATTERNS STABLE FRONTEND patterns/landing-page

Landing Page

Landing page composition remains a pure assembly of shared UI instead of bespoke product logic.

Theme
Viewport
Category Frontend flow
Surface Frontend
Status Stable
Source file resources/ui/patterns/landing-page/landing-page.php
System points
  • Page-level composition
  • No local design truth
  • Backed by reusable organisms
Series 01 Foundation STABLE Current

Landing Page

Landing page composition remains a pure assembly of shared UI instead of bespoke product logic.

Frontend flow Frontend resources/ui/patterns/landing-page/landing-page.php
Live preview Desktop

Shared landing

Landing page pattern

Pattern previews compose real sections from governed shared UI.

Reusable library sections

Feature grids, stats, and CTA sections share the same public shell rhythm.

Design

One token truth

Color, spacing, and shell rules stay inside the governed CSS entrypoints.

Architecture

Thin views

Previewed pages compose only shared UI instead of rebuilding local layout logic.

Quality

Responsive preview

Every library surface can be checked against mobile, tablet, and desktop widths.

Build with one governed library

The same page pattern can be reused for docs, marketing, and onboarding.

Category Frontend flow
Surface Frontend
Status Stable
Source file resources/ui/patterns/landing-page/landing-page.php
System points
  • Page-level composition
  • No local design truth
  • Backed by reusable organisms

Filter state and count truth

One library total, one filter pool, one active family result count.

The showroom keeps global library count separate from the current filter pool and the active family result set.

Library total 77
Filter pool 77
Active family 6

Current state

Family: Patterns Surface: All surfaces Status: All statuses

Stateful navigation

Show all matching families Reset showroom filters