Patterns

Patterns are snippets of designs and functionality that you can add to any Gutenberg-based Arena website. You can add patterns to existing websites using Gutenberg, or request that they be added when building out a site template.

  • Petition Form

    A petition pattern with a form, copy, and background image.

    petition-form
    View Pattern
    Petition Form
  • Alternating Cover Blocks

    A collection of alternating rows containing cover blocks, headings, and copy.

    alternating-cover-blocks
    View Pattern
    Alternating Cover Blocks
  • Dual Call to Action Row

    A set of two columns placed in front of a background image, with each column containing a header, byline, and call to action button.

    dual-call-to-action-row
    View Pattern
    Dual Call to Action Row
  • Join the Party

    An informational banner with a form, background image, and engaging copy.

    join-the-party
    View Pattern
    Join the Party
  • Alternating Image Blocks

    Two rows of alternating images, heading, copy, and Call to Action buttons.

    alternating-image-blocks
    View Pattern
    Alternating Image Blocks
  • Row of Hover Tiles

    A row of Hover Tile blocks that react and animate on hover.

    row-of-hover-tiles
    View Pattern
    Row of Hover Tiles
  • Priorities Icons

    A title and collection of rows containing an icon, heading, and description.

    priorities-icons
    View Pattern
    Priorities Icons
  • By the Numbers

    Display a set of statistics and their descriptions.

    by-the-numbers
    View Pattern
    By the Numbers
  • Horizontal Donate Ribbon

    A horizontal row of buttons with various dollar amounts that link directly to a donation form.

    horizontal-donate-ribbon
    View Pattern
    Horizontal Donate Ribbon
  • Meet the Candidate

    Layout that features an image, title, description, and action button.

    meet-the-candidate
    View Pattern
    Meet the Candidate
  • Circular Icon Grid

    A 3×2 layout featuring icons that describe services or features, complete with an action button.

    circular-icon-grid
    View Pattern
    Circular Icon Grid

Loading…