Skip to content

Pattern Reference

Alex de Borba edited this page Jun 21, 2026 · 1 revision

Pattern Reference

This page provides a complete reference of all 30 block pattern categories included in the Aegis theme, with over 145 individual patterns across all categories.

Pattern Categories

404

Patterns for the 404 (page not found) error page.

Pattern Description
404 Simple Centered message with search form and home link.
404 Illustrated Error message with decorative illustration.
404 Suggested Links Error message with popular page suggestions.

About

Patterns for about pages and company information sections.

Pattern Description
About Simple Text-based company overview with mission statement.
About With Image Side-by-side layout with company photo and description.
About Timeline Company history presented as a vertical timeline.
About Values Grid of company values with icons.

Author

Patterns for author profile displays.

Pattern Description
Author Bio Card Compact author card with avatar, name, and bio.
Author Full Profile Extended author profile with social links and post count.

Blog

Patterns for blog listing pages and post layouts.

Pattern Description
Blog Grid Posts in a multi-column card grid.
Blog List Posts in a vertical list with thumbnails.
Blog Featured Large featured post followed by smaller post grid.
Blog Minimal Text-only post list without thumbnails.

Commerce

Patterns for e-commerce and product showcases.

Pattern Description
Product Grid Multi-column product card layout.
Product Featured Large featured product with CTA button.
Sale Banner Promotional banner with countdown or badge.
Product Categories Visual category navigation grid.
Trust Badges Shipping, returns, and guarantee indicators.

Contact

Patterns for contact information and forms.

Pattern Description
Contact Simple Basic contact form layout.
Contact Split Two-column: form on one side, info on the other.
Contact With Map Contact form alongside a map embed.
Contact Info Cards Address, phone, and email in card format.

CTA (Call to Action)

Patterns for conversion-focused sections.

Pattern Description
CTA Simple Centered heading with button.
CTA Split Text on one side, form or button on the other.
CTA Banner Full-width background with overlay text and button.
CTA With Stats Call to action combined with achievement numbers.

Event

Patterns for event listings and details.

Pattern Description
Event Card Individual event with date, title, and location.
Event List Chronological list of upcoming events.
Event Featured Large event hero with countdown.

FAQ

Patterns for frequently asked questions.

Pattern Description
FAQ Accordion Expandable question-and-answer list.
FAQ Two Column Questions and answers in side-by-side layout.
FAQ Simple Static list of questions with visible answers.

Feature

Patterns for showcasing features and services.

Pattern Description
Feature Grid Multi-column feature cards with icons.
Feature Alternating Alternating image-text rows.
Feature Large Full-width feature highlight with image.
Feature List Vertical list with checkmarks or icons.
Feature Comparison Side-by-side feature comparison.

Footer

Patterns for site footer areas.

Pattern Description
Footer Multi-Column Three or four column footer with links.
Footer Simple Single-row footer with copyright and links.
Footer With Newsletter Footer including an email signup form.
Footer Centered Centered logo, links, and social icons.

Header

Patterns for site header areas.

Pattern Description
Header Standard Logo, navigation, and utility icons.
Header Centered Centered logo with navigation below.
Header With Banner Header with announcement bar above.
Header Minimal Compact header with hamburger menu.

Hero

Patterns for page hero and banner sections.

Pattern Description
Hero Full Screen Full viewport height with centered content.
Hero Split Two-column: text and image side by side.
Hero With Video Background video with text overlay.
Hero Minimal Simple centered heading and subheading.
Hero With Form Hero section with inline signup form.
Hero Animated Hero with animated elements or gradient.

Hidden

Utility patterns not displayed in the block inserter. Used internally for template composition.

Library

General-purpose reusable section patterns.

Pattern Description
Content Section Standard text content block with heading.
Image Gallery Responsive image grid.
Video Section Video embed with surrounding context.
Divider Section Decorative section separator.

Logos

Patterns for logo grids and client showcases.

Pattern Description
Logo Grid Multi-column grid of partner/client logos.
Logo Marquee Continuously scrolling logo bar.
Logo Simple Single row of logos with label.

Modal

Patterns for popup and overlay layouts.

Pattern Description
Modal Newsletter Popup with email signup form.
Modal Announcement Informational popup with dismiss button.
Modal Promo Promotional popup with image and CTA.

Newsletter

Patterns for email signup sections.

Pattern Description
Newsletter Simple Basic email input with subscribe button.
Newsletter With Benefits Signup form with listed benefits.
Newsletter Banner Full-width newsletter signup band.

Notice

Patterns for alert and notification banners.

Pattern Description
Notice Info Informational notice bar.
Notice Warning Warning alert with icon.
Notice Success Success confirmation message.
Notice Dismissible Notice with close button.

Page

Full page layout patterns.

Pattern Description
Page Landing Complete landing page with hero, features, testimonials, and CTA.
Page About Full about page with story, team, and values.
Page Contact Complete contact page layout.

Portfolio

Patterns for project and work showcases.

Pattern Description
Portfolio Grid Filterable project grid with hover effects.
Portfolio Masonry Variable-height project cards.
Portfolio Case Study Detailed project breakdown layout.

Pricing

Patterns for pricing tables and plan comparisons.

Pattern Description
Pricing Table Multi-column pricing cards with features.
Pricing Comparison Feature comparison table with plans.
Pricing Simple Minimal pricing with toggle (monthly/annual).

Product

Patterns for individual product showcases.

Pattern Description
Product Hero Large product image with details.
Product Features Product feature breakdown.
Product Comparison Multiple products side by side.

Slider

Patterns using the Slider block.

Pattern Description
Slider Testimonial Testimonial carousel.
Slider Image Full-width image carousel.
Slider Content Multi-content sliding sections.

Stats

Patterns for statistics and number displays.

Pattern Description
Stats Counter Animated number counters in a row.
Stats Cards Statistics in card format with icons.
Stats Inline Compact inline number display.

Team

Patterns for team member displays.

Pattern Description
Team Grid Multi-column team member cards.
Team Detailed Extended profiles with bio and social links.
Team Compact Small avatar-based team list.

Template

Patterns used for template-level composition (header + content + footer structures).

Testimonial

Patterns for reviews and social proof.

Pattern Description
Testimonial Cards Grid of testimonial cards with avatars.
Testimonial Slider Carousel of rotating testimonials.
Testimonial Large Single large featured testimonial.
Testimonial With Rating Testimonials including star ratings.

Timeline

Patterns for chronological content.

Pattern Description
Timeline Vertical Vertical timeline with alternating sides.
Timeline Horizontal Horizontal scrolling timeline.
Timeline Simple Basic vertical list with dates.

Utility

Helper patterns for layout and spacing.

Pattern Description
Spacer Section Configurable vertical space.
Anchor Section Invisible anchor point for navigation.
Divider Decorative Visual section separator.

Inserting Patterns

  1. Open the block inserter (+) in the editor toolbar.
  2. Switch to the Patterns tab.
  3. Select a category from the dropdown.
  4. Click a pattern to insert it.

Related Pages

  • block-patterns — Detailed guide on using and customizing patterns.
  • templates — How patterns are used within templates.
  • style-variations — How patterns adapt to different style variations.

Clone this wiki locally