Patterns

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 FormCircular Icon GridPedro

  • Local Rep

    local-rep
    View Pattern
    Local Rep

  • Small Business

    small-business
    View Pattern
    Small Business

  • Action Patel

    action-patel
    View Pattern
    Action Patel

  • Patel

    patel
    View Pattern
    Patel

  • Bob Candidate

    bob-candidate
    View Pattern
    Bob Candidate

  • Pedro

    pedro
    View Pattern
    Pedro

  • Petition Form

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

    petition-form
    View Pattern
    Petition Form

  • Tri-hero Descriptions

    Three different descriptive sections with background colors, images, and headers.

    tri-hero-descriptions
    View Pattern
    Tri-hero Descriptions

  • 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

  • Two Column Petition

    Two columns, one containing a petition title and content, the other containing a sticky Gravity Form.

    two-column-petition
    View Pattern
    Two Column Petition

  • Statistics

    Showcase up to 3 statistics with an image, title, and description.

    statistics
    View Pattern
    Statistics

Loading…