WP Block Patterns

  • Buttons
  • Columns
  • Featured
  • Gallery
  • Header
  • Images
  • Text
  • Themes
Theme: Avant-Garde
  • ResetNo theme (reset)
  • AinoAino
  • AlaraAlara
  • AlleleAllele
  • ArcheoArcheo
  • ArmandoArmando
  • Avant-GardeAvant-Garde
  • BaiBai
  • Block-Based BoscoBlock-Based Bosco
  • BlockbaseBlockbase
  • BricksyBricksy
  • ChartaCharta
  • CloveClove
  • CormorantCormorant
  • ElynElyn
  • FinancioFinancio
  • GeologistGeologist
  • Grigora BlocksGrigora Blocks
  • GutenaGutena
  • HansenHansen
  • JaceJace
  • LivroLivro
  • Mayland (Blocks)Mayland (Blocks)
  • MebaeMebae
  • Miniblock OOAKMiniblock OOAK
  • NalediNaledi
  • Nominal BlockNominal Block
  • OctaneOctane
  • OscuraOscura
  • PacerPacer
  • PhotologyPhotology
  • PriaPria
  • QQ
  • QuadratQuadrat
  • RemoteRemote
  • RickRick
  • SamplerSampler
  • Seedlet (Blocks)Seedlet (Blocks)
  • SkateparkSkatepark
  • StewartStewart
  • ToveTove
  • TT1 BlocksTT1 Blocks
  • Twenty Twenty-TwoTwenty Twenty-Two
  • VideomakerVideomaker
  • WabiWabi
  • X-T9X-T9
  • X3P0 - ReflectionsX3P0 - Reflections
  • ZoologistZoologist
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.

Start Here

Our Services

Contact Us

Twitter

Instagram

LinkedIn

Avant-Garde by Brian Gardner