WP Block Patterns

Buttons
Columns
Featured
Gallery
Header
Images
Text
Themes

Theme: Avant-Garde

View as: Page

Page
Post

WP Block Patterns

2 Columns of Text and a full-width Cover (Hansen)
2 columns with image and title (Alara)
2 columns with title and image (Alara)
30×40 frame with A4 image (portrait) (Oscura)
404 (Bioxlog)
404 (Financio)
404 (Grigora Blocks)
404 (Photology)
404 (Skatepark)
404 (Startupzy)
404 content (Catch FSE)
404 content (mcms Lite)
404 content (Oscura)
404 content (Scandinavia)
404 content (Wabi)
404 content (X-T9)
404 error content. (Avant-Garde)
404 error content. (Design Mode)
404 Header (Catch FSE)
404 page (Console)
404 Page with search (Gutena)
40×30 frame with A4 image (landscape) (Oscura)
A 404 page (Disco)
A 404 page (Pendant)
A large section with opening hours. (Tove)
A really big button for reservations. (Tove)
A row with three columns for the restaurant menu. (Tove)
A table with opening hours. (Tove)
About (Octane)
About Columns (Clove)
About columns with gradient background (Sampler)
About Hero Section (Bioxlog)
About Intro (Clove)
About Me Cards
About Me Section (Bioxlog)
About Page (Bricksy)
About page (Livro)
About page (Stewart)
About page content (Oscura)
About page links (dark) (Twenty Twenty-Two)
About page links (Twenty Twenty-Two)
About page with big image and buttons (Twenty Twenty-Two)
About Us (Catch FSE)
About Us Page (Allele)
About Widget (Blockio)
Agency Page (Allele)
All
Alternating rows with images and headings (Armando)
An about section with heading, paragraph and call to action links. (Poe)
Authors (Geologist)
Bakery Page Demo (mcms Lite)
Big image with headline and columns above
Business page with hero section, columns, team members and testimonials (Gutena)
Button links with gradient background
Button links with image background
Cake Maker Page Demo (mcms Lite)
Call to Action (Bricksy)
Call to Action (Financio)
Call to action (Mebae)
Call To Action (Octane)
Call to Action (Pria)
Call to Action (Scandinavia)
Call to Action 1 (Alara)
Call to Action 2 (Alara)
Call to Action 2 (Pria)
Call to Action 3 (Alara)
Call to action Section (Bioxlog)
Call to Action with Background Image
Call to action with columns of text
Call to action with image, text and button (Gutena)
Call to Action with Testimonial
Callout – Black Background. (Semplice Monospazio)
Callout – Blue Background. (Semplice Monospazio)
Callout – Default Background. (Semplice Monospazio)
Callout – Green Background. (Semplice Monospazio)
Callout – Orange Background. (Semplice Monospazio)
Callout – Purple Background. (Semplice Monospazio)
Callout – Red Background. (Semplice Monospazio)
Callout – Yellow Background. (Semplice Monospazio)
Callout over a patterned background
Career Coach Page Demo (mcms Lite)
Categories (level 1 and 2) (Categorical)
Categories (popular top level, vertical) (Categorical)
Categories (popular top level) (Categorical)
Categories (popular top level) and search (Categorical)
Categories (top level) (Categorical)
Centered footer (Livro)
Centered introduction text with button and offset images
Chapter opening
Circle rolling over a triange (Quadrat)
Circular cover block with heading (Jace)
Circular image with heading (Jace)
Client logos with heading (Gutena)
Clients Alt Section (Bioxlog)
Clients Section (Bioxlog)
Color Hue Hero (Grigora Blocks)
Color Hue Transparent Header Hero (Grigora Blocks)
Colors (Sampler)
Columns in container (Skatepark)
Columns Menu (X-T9)
Columns with circular images (Armando)
Columns with circular images (Jace)
Columns with circular images (Miniblock OOAK)
Columns with paragraphs of text. (Björk)
Combination of purple triangles (Quadrat)
Combination of white orange and pink triangles (Quadrat)
Company page with columns, team members, icon boxes and Client logos (Gutena)
Company Showcase (Scandinavia)
Complex shape combination and two pink squares on a dark purple background (Quadrat)
Consultancy Page Demo (mcms Lite)
Contact
Contact (Bricksy)
Contact (Octane)
Contact and social links
Contact Information (Naledi)
Contact Information (TT1 Blocks)
Contact page (Livro)
Contact page (Stewart)
Contact page with image and columns (Gutena)
Contact Us Page (Allele)
Cover block with heading (Quadrat)
Cover Image with Menu (Naledi)
Cover with 2 Columns of Images and Text (Alara)
Cover with gradient heading (Mebae)
Cover with Offset Box (Hansen)
Cover with Page Title (Alara)
Cover with Page Title and Featured Image (Alara)
Cover with Text and 2 Columns of Images (Alara)
Cover with Title and Audio
Cover/Hero (Clove)
Credits with button (Illustric)
CTA – Main Header (Octane)
CTA – Search Form (Octane)
CTA (Catch FSE)
Dark Color Highlight (Grigora Blocks)
Dark Color Highlight Transparent Header (Grigora Blocks)
Default footer (Catch FSE)
Default footer (Livro)
Default footer (Oscura)
Default footer (Pendant)
Default footer (Stewart)
Default Search Pattern. (Semplice Monospazio)
Demo content for the theme, and default content for the Home template. (Björk)
Demo content for the theme, and default content for the Home template. (Poe)
Description section with text. (Avant-Garde)
Divider with image and color (dark) (mcms Lite)
Divider with image and color (dark) (Twenty Twenty-Two)
Divider with image and color (light) (mcms Lite)
Divider with image and color (light) (Twenty Twenty-Two)
Dual images (Miniblock OOAK)
Dual images and text (Jace)
Education Section (Bioxlog)
Episode (Quadrat)
Event
Event announcement and details
Event details
Experience Section (Bioxlog)
FAQ (Financio)
Faq Section (Illustric)
Feature (Financio)
Feature (Startupzy)
Feature 2 (Financio)
Feature Comparison 1 (Alara)
Feature Comparison 2 (Alara)
Feature Comparison 3 (Alara)
Feature one column left (Oscura)
Featured Boxes with heading and button (Gutena)
Featured Content (Catch FSE)
Featured Item (Scandinavia)
Featured items with a image, heading, paragraph and button. (Björk)
Featured Media and text (X-T9)
Featured Projects (Allele)
Featured Two Columns – Black Background. (Semplice Monospazio)
Featured Two Columns – Blue Background. (Semplice Monospazio)
Featured Two Columns – Default Background. (Semplice Monospazio)
Featured Two Columns – Green Background. (Semplice Monospazio)
Featured Two Columns – Orange Background. (Semplice Monospazio)
Featured Two Columns – Purple Background. (Semplice Monospazio)
Featured Two Columns – Red Background. (Semplice Monospazio)
Featured Two Columns – Yellow Background. (Semplice Monospazio)
Features grid with a title and description. (Poe)
Filter Buttons (Illustric)
Fixed cover and inverted text (Categorical)
Floating Navigation Bar (Carlina)
Focus Box (Allele)
Follow Card
Follow us section with a horizontal layout. (Björk)
Follow us section with a horizontal layout. (Poe)
Follow us section with a horizontal layout. (Tove)
Follow us section with a vertical layout. (Björk)
Follow us section with a vertical layout. (Poe)
Follow us section with a vertical layout. (Tove)
Footer Default (Allele)
Footer Text (Charta)
Footer Widgets (Charta)
Footer with heading, text, button. (Avant-Garde)
Footer with left navigation (Livro)
Footer with left navigation (Stewart)
Footer with navigation (mcms Lite)
Footer with navigation and citation (Twenty Twenty-Two)
Footer with navigation and copyright (Twenty Twenty-Two)
Footer with right navigation (Livro)
Footer with right navigation (Stewart)
Footer with social links and copyright (Bricksy)
Footer with social links and copyright (mcms Lite)
Footer with social links and copyright (Twenty Twenty-Two)
Footer with Social, About and Newsletter (mcms Lite)
Footer with text, button, links. (Avant-Garde)
Footer with text, links. (Avant-Garde)
Footer with title, tagline, and social links (Twenty Twenty-Two)
Four Column Images and Text (Bricksy)
Framed images gallery in one column (Oscura)
Frequently Asked Questions (FAQ) section. (Poe)
Frequently Asked Questions (FAQ) section. (Tove)
Front Header (Blockio)
Front Page (Bricksy)
Full width cover with heading (Categorical)
Full width gallery row (Jace)
Full width gallery row (Miniblock OOAK)
Full Width Grid (Clove)
Full width image of space with big headline
Full width image with aside caption (Skatepark)
Full-width feature section with headings, text, and buttons. (Tove)
Gallery (Pendant)
Gallery Columns (Blockio)
Gallery Front (Blockio)
Gallery page with one column left content (Oscura)
Gallery Section (Bioxlog)
General: Boxed Media Text (Elyn)
General: Call To Action (Elyn)
General: Centered Text (Elyn)
General: Hero (Elyn)
Get in Touch 1 (Alara)
Get in Touch 2 (Alara)
Gradient Card (Grigora Blocks)
Gradient Card Transparent Header (Grigora Blocks)
Gradient heading with separators (Sampler)
Gradient heading with text (Mebae)
Grid (Clove)
Group of squares displayed diagonally (Quadrat)
Group of white pink and orange circles (Quadrat)
Group with transparent gradient (Miniblock OOAK)
Half-width image of artistic squares with text
Handwritten text (Bricksy)
Header area with geometric pattern
Header area with halftone pattern
Header area with hatched pattern
Header image (Miniblock OOAK)
Header image (Stewart)
Header left without image (Illustric)
Header Media (Catch FSE)
Header text with 2x CTA buttons and image (mcms Lite)
Header Text, CTA and Image (mcms Lite)
Header with text, cta button and image on the left (mcms Lite)
Heading
Heading and paragraph
Heading and Placeholder image (mcms Lite)
Heading with four separators (Sampler)
Heading with left separator (Sampler)
Heading with right separator (Sampler)
Heading with vertical separator (dark) (Sampler)
Heading with vertical separator (Sampler)
Heading with vertical separators (Sampler)
Headline and button (Quadrat)
Headlines and buttons (Quadrat)
Hero Banner (Scandinavia)
Hero headline (Wabi)
Hero Section (Bioxlog)
Hero Section above text below image with play button (Gutena)
Hero Section with text, button and BG (Gutena)
Hero with a background image and a heading, paragraph of text, and buttons. (Poe)
Hero with a background image and a heading, paragraph of text, and buttons. (Tove)
Hero with a background image, a heading and buttons. (Poe)
Hero with a background image, a heading and buttons. (Tove)
Hero with a large heading to the left and text to the right. (Tove)
Hero with Gradient and Media/Text (Alara)
Hero with headings, a paragraph of text, and buttons. (Tove)
Hidden 404 (Allele)
Highlight and Features in three columns (Carlina)
Highlight Box (Allele)
Highlight Box 3 (Allele)
Highlight Box 4 (Allele)
Home
Home Page – Design 1 (Octane)
Home page content (Oscura)
Home Page Hero (Pendant)
Home page with sections. (Design Mode)
Horizontal Call to Action
Horizontal call to action. (Björk)
Horizontal call to action. (Poe)
Horizontal call to action. (Tove)
How It Works
Icon Boxes with heading (Gutena)
Icon boxes with heading and button (Gutena)
Icons and Text (Naledi)
Image & Content Offset (Pria)
Image & Content Offset 2 (Pria)
Image & Quote (Pendant)
Image and quote on a background
Image Content (Blockio)
Image feature (Geologist)
Image on solid color with description
Image with angled overlay and text
Image with caption (Bricksy)
Image with caption (Twenty Twenty-Two)
Image with Caption and Call to Action (Bricksy)
Image with caption and title rotated (Bricksy)
Image with description below and to the right
Image with description on the bottom right
Image with headline and description
Images and Text in Two Columns (Carlina)
Info Bar (Naledi)
Information banner. (Poe)
Information banner. (Tove)
Information block for a restaurant or café location. (Tove)
Informational table (Sampler)
Intro (Bricksy)
Intro section Image and Text Columns (Octane)
Introduction (Geologist)
Introduction with Gallery
Introduction with image on the left
Job Section (Illustric)
Large background image with title and description
Large header with a heading
Large header with a heading and a button
Large header with left-aligned text
Large header with text and a button
Large headline (Wabi)
Large Intro (Aeonium)
Large pullquote. (Beaumont)
Large testimonial with a single quote. (Poe)
Large Text (TT1 Blocks)
Latest Episodes (Quadrat)
Latest Result (Armando)
Layered images with duotone (Twenty Twenty-Two)
Left Button and Right Text (Cormorant)
Left Text and Right Button (Cormorant)
Left-aligned footer (Stewart)
Links Area (TT1 Blocks)
List of results or upcoming games (Armando)
Listen to the podcast (Quadrat)
Location Section (Illustric)
Logo grid with a title and description. (Poe)
Long author bio. (Beaumont)
Many pink squares overlapped (Quadrat)
Media & Text (Pendant)
Media & text with gradient outline (Sampler)
Media & text with image zoom (Sampler)
Media and Text – Angled (Hansen)
Media and Text – Overlap (Hansen)
Media and Text (Aeonium)
Media and Text Article Title (Naledi)
Media and Text Article Title (TT1 Blocks)
Media and text in a full height container
Media and Text Intro (Alara)
Media and text with button (Quadrat)
Media and text with button. (Tove)
Media and text with image on the left
Media and text with image on the right
Media Left and Text Right (Bricksy)
Media Right and Text Left (Bricksy)
Media Text (Left Align) (Scandinavia)
Media Text (Right Align) (Scandinavia)
Mission Section (Illustric)
Mixed Media in Container (Skatepark)
Nav Float with header top contact (X-T9)
Newsletter subscription (Carlina)
Next game (Armando)
Offer Box (Aeonium)
Offset gallery with fixed background and quote
Offset images with descriptions.
One column left content (Oscura)
Orange and pink shapes displayed in different ways (Quadrat)
Orange triangle in purple background (Quadrat)
Our Company (Blockio)
Our Feature Section (Blockio)
Our Picks (Pendant)
Our Site (Blockio)
Overlapping Images (Naledi)
Overlapping Images (TT1 Blocks)
Overlapping Images and Text (Naledi)
Overlapping Images and Text (TT1 Blocks)
Overlapping Media and Text (Armando)
Overlapping Media and Text with vertical heading (Armando)
Overscroll gallery with framed images (Oscura)
Page – Content-Sidebar Layout. (Semplice Monospazio)
Page layout five (Armando)
Page layout one (Armando)
Page layout seven: Post with cover block background (Armando)
Page layout six: Cover image and large author profile (Armando)
Page layout three: Vertical post title (Armando)
Page layout two (Armando)
Page layout with image, text and video (Twenty Twenty-Two)
Page: About (Elyn)
Paragraph with a pull quote aligned to the left. (Beaumont)
Paragraph with a pull quote aligned to the right. (Beaumont)
Paragraph with drop cap. (Beaumont)
Paragraph with quote (Skatepark)
Parallax Card (Grigora Blocks)
Parallax Card Transparent Header (Grigora Blocks)
Parallax Centered (Grigora Blocks)
Parallax Centered Transparent Header (Grigora Blocks)
Partner logos
People (Bricksy)
Person Showcase (Grigora Blocks)
Person Showcase Transparent Header (Grigora Blocks)
Pink Group with box shadow (Miniblock OOAK)
Pink square and dark purple triangle (Quadrat)
Pink square with dark shadow on orange background (Quadrat)
Pink squared shapes combination (Quadrat)
Pink squares on orange background (Quadrat)
Player profile (Armando)
Portfolio filtration formatted as a row of buttons. (Poe)
Portfolio List (TT1 Blocks)
Portfolio section with images. (Avant-Garde)
Post Header (Catch FSE)
Post Navigation (Pendant)
Post Title (Financio)
Post Title (Photology)
Post Title (Startupzy)
Poster layout
Poster with right sidebar (mcms Lite)
Postmeta Blog (Charta)
Postmeta Single (Charta)
Posts and Topics (Pendant)
Preamble with a separator. (Beaumont)
Pricing (Clove)
Pricing Section with CTA Button (mcms Lite)
Pricing table
Pricing Table – Rounder Border (Octane)
Pricing table (Bricksy)
Pricing table (mcms Lite)
Pricing Table (Octane)
Pricing table (Twenty Twenty-Two)
Pricing Table 1 (Alara)
Pricing Table 2 (Alara)
Pricing Table 3 (Alara)
Pricing Table 4 (Alara)
Pricing Table 5 (Alara)
Pricing table with list, buttons. (Avant-Garde)
Pricing table with three tiers. (Tove)
Pricing Tables (Blockio)
Profile (Scandinavia)
Profile Page with links (mcms Lite)
Projects, three columns (Wabi)
Promo Box (Allele)
Promo Box 4 (Allele)
Promotional section for a featured dish. (Tove)
Quote
Quote (Geologist)
Quote with cover image backgroung (mcms Lite)
Recipe
Request A Quote (Grigora Blocks)
Request A Quote Transparent Header (Grigora Blocks)
Restaurant Menu
Restaurant menu with columns for three different menu sections. (Tove)
Résumé. (Beaumont)
Reviews 1 (Alara)
Reviews 2 (Alara)
Reviews 3 (Alara)
Right text and image left aligned (Gutena)
Right-aligned footer (Livro)
Right-aligned footer (Stewart)
Sample home page. (Avant-Garde)
Search (Grigora Blocks)
Search (Jace)
Search block (Disco)
Search Header (Catch FSE)
Section 1 (Financio)
Section 1 Hero (Photology)
Section 1 Hero (Startupzy)
Section 2 (Financio)
Section 2 About (Startupzy)
Section 2 Gallery (Photology)
Section 3 with Animation (Financio)
Section 4 with Animation (Financio)
Section with columns, heading, text, buttons. (Design Mode)
Section with cover, heading, text, button. (Design Mode)
Section with Navigation
Section with text, separators. (Design Mode)
Service item light Section (Bioxlog)
Service item Section (Bioxlog)
Service page with columns, icon boxes and testimonials (Gutena)
Service sections with circular images and buttons (Armando)
Service sections with circular images and buttons (Jace)
Service sections with circular images and buttons (Miniblock OOAK)
Services Boxes (Aeonium)
Short author bio. (Beaumont)
Sidebar Widget. (Semplice Monospazio)
Sidebar Widgets (Charta)
Sidebar with categories and tags (Stewart)
Simple call to action
Simple Footer (Scandinavia)
Single Post – Content-Sidebar Layout. (Semplice Monospazio)
Single Post Title (Startupzy)
Site Information (Sampler)
Site Information Centered (Sampler)
Skewed Media and Text (Armando)
Social Gallery
Social Links (Bricksy)
Solid shapes in purple pink and white (Quadrat)
Specifications 1 (Alara)
Specifications 2 (Alara)
Specifications 3 (Alara)
Specifications 4 (Alara)
Split Headline (Sampler)
Split post header with featured image (Jace)
Split text with buttons. (Avant-Garde)
Squares changing opacity on a pink background (Quadrat)
Stats Section with CTA Button and text (mcms Lite)
Style guide (Colors) (Wabi)
Style guide (Typography) (Wabi)
Subscribe (Bricksy)
Subscribe callout (mcms Lite)
Subscribe callout (Twenty Twenty-Two)
Subscribe form (Wabi)
Team (Aeonium)
Team (Bricksy)
Team (Pendant)
Team 1 (Alara)
Team 2 (Alara)
Team 3 (Alara)
Team Alternative (Bricksy)
Team members with name and position (Gutena)
Team members with text, image and social media icons (Gutena)
Team Page (Bricksy)
Team social cards
Teams (Octane)
Testimonial (Skatepark)
Testimonial (Startupzy)
Testimonial with image and text (Gutena)
Testimonial with image, text and name (Gutena)
Testimonial-1 (Grigora Blocks)
Testimonial-2 (Grigora Blocks)
Testimonial-3 (Grigora Blocks)
Testimonial-4 (Grigora Blocks)
Testimonials – Rounded Design (Octane)
Testimonials (Naledi)
Testimonials section with three quotes. (Poe)
Testimonials section with three quotes. (Tove)
Testimonials section. (Björk)
Text and Button (Cormorant)
Text and button in two columns (Mebae)
Text column over fixed background
Text List with Button (Skatepark)
Three buttons
Three circles decreasing in size on a pink background (Quadrat)
Three Column Cover (Bricksy)
Three Column Icons and Text (Bricksy)
Three column staggered steps
Three Column Text (Bricksy)
Three Column Title and Images (Bricksy)
Three Columns Footer with social links (Carlina)
Three columns of text
Three columns of text with buttons
Three columns with address, email and phone (Gutena)
Three columns with images and text
Three Columns with Images and Text (Bricksy)
Three columns with offset images
Three columns with text and numbers (Gutena)
Three images and text
Three Images with Text (Bricksy)
Three Quotes Images (Clove)
Three quotes with images
Title area with image and heading
Title Page (Blockio)
Title, image and 2 columns (Alara)
Triptych with two images and a text area
Two buttons below a paragraph (Jace)
Two circles and a squared shape on pink background (Quadrat)
Two Column Text (Bricksy)
Two Columns Footer with social links (Carlina)
Two columns of text and title
Two columns of text with images
Two columns of text with offset heading
Two Columns with full width background (Octane)
Two columns with full-width backgrounds
Two columns with image and text (Gutena)
Two columns with image underneath
Two columns with image, text and icon boxes (Gutena)
Two columns with image, text and quote (Gutena)
Two columns with text, button and image right aligned (Gutena)
Two Images Showcase (TT1 Blocks)
Two images side by side
Two images with shared colored strip
Two images with text (Twenty Twenty-Two)
Two images with text and buttons
Typography (Sampler)
Vertical call to action. (Björk)
Vertical call to action. (Poe)
Vertical call to action. (Tove)
Video trailer (Twenty Twenty-Two)
Welcome section with text. (Avant-Garde)
White and orange squares on light purple background (Quadrat)
Who We Are (Alara)
Wide and full height hero with headings and buttons. (Björk)
Wide columns with text and fixed cover (Categorical)
Wide cover with quote (Categorical)
Wide heading with a link. (Poe)
Wide hero with headings and buttons. (Björk)
Wide image with introduction and buttons (Twenty Twenty-Two)
Wide pullquote with diamond separators. (Beaumont)
Wide quote with image (Categorical)
Work process description with multiple steps. (Poe)
Work with me Section (Bioxlog)
X-T9 Post image at left (X-T9)

Event announcement and details

HÉLÈNE DUMAS
FRAGMENTS

20/4 — 9/9/2021
SOUTH LONDON ART GALLERY

MORE INFO AT: WP.ORG · +44 21 1234 5678

INSTAGRAM · TICKETS

Design with courage.

Start Here
Our Services
Contact Us

Twitter
Instagram
LinkedIn

Avant-Garde by Brian Gardner