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 (Financio)
404 (Grigora Blocks)
404 (Photology)
404 (Skatepark)
404 content (Oscura)
404 content (Wabi)
404 content (X-T9)
404 error content. (Avant-Garde)
404 Page with search (Gutena)
40×30 frame with A4 image (landscape) (Oscura)
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 Intro (Clove)
About Me Cards
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 Page (Allele)
Agency Page (Allele)
All
Alternating rows with images and headings (Armando)
Authors (Geologist)
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
Call to Action (Bricksy)
Call to Action (Financio)
Call to action (Mebae)
Call To Action (Octane)
Call to Action (Pria)
Call to Action 1 (Alara)
Call to Action 2 (Alara)
Call to Action 2 (Pria)
Call to Action 3 (Alara)
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 over a patterned background
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)
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)
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)
Complex shape combination and two pink squares on a dark purple background (Quadrat)
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)
CTA – Main Header (Octane)
CTA – Search Form (Octane)
Dark Color Highlight (Grigora Blocks)
Dark Color Highlight Transparent Header (Grigora Blocks)
Default footer (Livro)
Default footer (Oscura)
Default footer (Stewart)
Description section with text. (Avant-Garde)
Divider with image and color (dark) (Twenty Twenty-Two)
Divider with image and color (light) (Twenty Twenty-Two)
Dual images (Miniblock OOAK)
Dual images and text (Jace)
Episode (Quadrat)
Event
Event announcement and details
Event details
FAQ (Financio)
Feature (Financio)
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 Media and text (X-T9)
Featured Projects (Allele)
Focus Box (Allele)
Follow Card
Follow us section with a horizontal layout. (Tove)
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 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 (Twenty Twenty-Two)
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. (Tove)
Front Page (Bricksy)
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 page with one column left content (Oscura)
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)
Heading
Heading and paragraph
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 headline (Wabi)
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. (Tove)
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 Box (Allele)
Highlight Box 3 (Allele)
Highlight Box 4 (Allele)
Home
Home Page – Design 1 (Octane)
Home page content (Oscura)
Horizontal Call to Action
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 and quote on a background
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
Info Bar (Naledi)
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
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 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)
Many pink squares overlapped (Quadrat)
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 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)
Mixed Media in Container (Skatepark)
Nav Float with header top contact (X-T9)
Next game (Armando)
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)
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 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 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 List (TT1 Blocks)
Portfolio section with images. (Avant-Garde)
Post Title (Financio)
Post Title (Photology)
Poster layout
Postmeta Blog (Charta)
Postmeta Single (Charta)
Pricing (Clove)
Pricing table
Pricing Table – Rounder Border (Octane)
Pricing table (Bricksy)
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)
Projects, three columns (Wabi)
Promo Box (Allele)
Promo Box 4 (Allele)
Promotional section for a featured dish. (Tove)
Quote
Quote (Geologist)
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)
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)
Section 1 (Financio)
Section 1 Hero (Photology)
Section 2 (Financio)
Section 2 Gallery (Photology)
Section 3 with Animation (Financio)
Section 4 with Animation (Financio)
Section with Navigation
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)
Sidebar Widgets (Charta)
Sidebar with categories and tags (Stewart)
Simple call to action
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)
Style guide (Colors) (Wabi)
Style guide (Typography) (Wabi)
Subscribe (Bricksy)
Subscribe callout (Twenty Twenty-Two)
Subscribe form (Wabi)
Team (Bricksy)
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 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. (Tove)
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 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, 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 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. (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 image with introduction and buttons (Twenty Twenty-Two)
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.

Avant-Garde by Brian Gardner