Layout 117

ImageButtons2 Columns40 nodes · 28 styles

Description

A two-column layout section with tagline and heading on the left, featuring a description paragraph, two prominent statistics with labels, and dual call-to-action buttons on the right, followed by a full-width image below.

Detailed Analysis

This layout component introduces statistics/metrics as a key content element. The left column displays a tagline above a medium-length heading. The right column contains a description paragraph, followed by two large statistic displays (showing '50%' with supporting text labels), and concludes with a dual CTA button pair. Below spans a full-width image placeholder. The statistics create social proof and quantifiable impact, making this highly effective for marketing pages, case studies, or any content where numerical evidence strengthens the value proposition.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

layouttwo-columntaglinestatisticsmetricsnumbersdual CTAbuttonsimagesocial proofmarketingcase studydata-drivenconversionimpact metricsfull-width image

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [],
      "actionLists": [],
      "interactions": []
    },
    "nodes": [
      {
        "_id": "f0b96969-a4c2-4f08-19f2-087b3f04334d",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "d599e29b-d899-b10b-cf62-9fe028081621"
        ],
        "children": [
          "f0b96969-a4c2-4f08-19f2-087b3f04334e"
        ]
      },
      {
        "_id": "f0b96969-a4c2-4f08-19f2-087b3f04334e",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "b0934d9a-875a-bb42-0630-12090a77fc73"
        ],
        "children": [
          "f0b96969-a4c2-4f08-19f2-087b3f04334f"
        ]
      },
      {
        "_id": "f0b96969-a4c2-4f08-19f2-087b3f04334f",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)

Detailed Analysis

{ "meta": { "droppedLinks": 0, "dynBindRemovedCount": 0, "unlinkedSymbolCount": 0, "paginationRemovedCount": 0, "dynListBindRemovedCount": 0 }, "type": "@webflow/XscpData", "payload": { "ix1": [], "ix2": { "events": [], "actionLists": [], "interactions": [] }, "nodes": [ { "_id": "f0b96969-a4c2-4f08-19f2-087b3f04334d", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "d599e29b-d899-b10b-cf62-9fe028081621" ], "children": [ "f0b96969-a4c2-4f08-19f2-087b3f04334e" ] }, { "_id": "f0b96969-a4c2-4f08-19f2-087b3f04334e", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "b0934d9a-875a-bb42-0630-12090a77fc73" ], "children": [ "f0b96969-a4c2-4f08-19f2-087b3f04334f" ] }, { "_id": "f0b96969-a4c2-4f08-19f2-087b3f04334f", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)