-
-
Notifications
You must be signed in to change notification settings - Fork 1
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.
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. |
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. |
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. |
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. |
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. |
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. |
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. |
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. |
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. |
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. |
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. |
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. |
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. |
Utility patterns not displayed in the block inserter. Used internally for template composition.
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. |
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. |
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. |
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. |
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. |
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. |
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. |
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). |
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. |
Patterns using the Slider block.
| Pattern | Description |
|---|---|
| Slider Testimonial | Testimonial carousel. |
| Slider Image | Full-width image carousel. |
| Slider Content | Multi-content sliding sections. |
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. |
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. |
Patterns used for template-level composition (header + content + footer structures).
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. |
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. |
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. |
- Open the block inserter (+) in the editor toolbar.
- Switch to the Patterns tab.
- Select a category from the dropdown.
- Click a pattern to insert it.
- 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.
Aegis version 1.0.0 | GitHub Repository | Report an Issue | Atmostfear Entertainment
License: GPL-2.0-or-later