— DEMO · D-140 · PATTERN LIBRARY

122 patterns across 18 categories

Drop-in sections for every page type. Hero banners, service grids, testimonial carousels, pricing tables, team layouts, pSEO templates, and full-page compositions. All use design tokens from theme.json.

Pattern Categories

Hero

10 patterns: animated hero, split hero, video background, particles, hero with stats, minimal, welcome

Features

10 patterns: 3-col, 4-col, icons, cards, accordion, alternating, comparison, timeline, grid-6

Testimonials

8 patterns: carousel, grid, featured, minimal, large, bound-card, bound-grid, single

Services

7 patterns: grid, list, pricing, process, showcase, single-service

Portfolio

6 patterns: featured, filter, grid, masonry, testimonials combo, single + archive

CTA & Contact

10 patterns: banner, centered, features, newsletter, split, contextual + contact forms

Full Pages

13 patterns: agency, about, services, portfolio, FAQ, pricing, blog + 6 landing pages (app, course, event, product, startup, creative)

pSEO Templates

10 patterns: service-area (5 layouts), industry (3 layouts), neighborhood (2 layouts). All data-bound via post meta.

Creative & GSAP

6 patterns: galaxy hero, parallax showcase, sticky services, team flip, comparison slider, creative showcase

Team & Blog

10 patterns: team grid, featured, list, bound archive + blog grid, list, recent posts, single

Headers & Footers

6 patterns: default header, mega menu header, logo+menu + 4-col footer, mega footer, minimal, site-data

Stats & Pricing

6 patterns: 4-col stats, animated, centered, counter + pricing comparison, pricing page

— DEMO · D-141 · Pattern Cloud

Patterns that sync across every client site

Pattern Cloud exports your library as a JSON manifest via REST API. Client sites pull and auto-register patterns with 24-hour caching. AI can generate new patterns on demand using the generate-pattern ability.

Export

REST endpoint exports all patterns with metadata, categories, and keywords

Sync

Client sites fetch and register patterns automatically via cron or manual MCP trigger

Generate

AI creates new patterns from text descriptions using design tokens and block library