Layout 113

ImageButtons2 ColumnsImage/Video Left26 nodes · 25 styles

Description

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

Detailed Analysis

This layout component uses a two-column structure where the left column displays a decorative icon above a medium-length heading. The right column contains an extended description paragraph (longer than typical variants) followed by a dual CTA button pair consisting of a primary outlined button and a text link with arrow. Below spans a full-width image placeholder. The icon adds visual interest and can represent the section's theme or topic. This design works well for feature highlights, service descriptions, or any content where an icon helps categorize or brand the section.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

layouttwo-columnicondual CTAbuttonsimagecontent sectionfeature highlighticon headinglanding pagemarketingprimary buttontext linkfull-width imageservice description

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": "4481232f-8ad1-01aa-2db8-2f7b688153a7",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "398a2088-3870-00fe-e6e4-f1321b0c01a4"
        ],
        "children": [
          "4481232f-8ad1-01aa-2db8-2f7b688153a8"
        ]
      },
      {
        "_id": "4481232f-8ad1-01aa-2db8-2f7b688153a8",
        "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": [
          "4481232f-8ad1-01aa-2db8-2f7b688153a9"
        ]
      },
      {
        "_id": "4481232f-8ad1-01aa-2db8-2f7b688153a9",
        "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": "4481232f-8ad1-01aa-2db8-2f7b688153a7", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "398a2088-3870-00fe-e6e4-f1321b0c01a4" ], "children": [ "4481232f-8ad1-01aa-2db8-2f7b688153a8" ] }, { "_id": "4481232f-8ad1-01aa-2db8-2f7b688153a8", "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": [ "4481232f-8ad1-01aa-2db8-2f7b688153a9" ] }, { "_id": "4481232f-8ad1-01aa-2db8-2f7b688153a9", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)