Layout 10

ImageButtons2 Columns45 nodes · 29 styles

Description

Two-column section layout with tagline, medium heading, two stacked icon feature blocks with standalone icons above subheadings, dual CTA buttons, and an image on the right.

Detailed Analysis

This feature-rich layout section uses a two-column structure with content emphasis on the left. The content hierarchy begins with a tagline label, followed by a bold medium-length headline and supporting paragraph. The distinctive element is the feature block presentation - two blocks displayed side-by-side where each features a standalone 3D box icon positioned ABOVE the subheading (rather than inline), creating a more prominent visual treatment for the icons. Each block includes a subheading and descriptive text beneath. The section includes dual action buttons at the bottom - an outlined primary button and a text link with chevron. The right column displays a light gray image placeholder.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

two column layoutstacked iconsfeature blocksimage sectiontaglinedual buttonsstandalone iconsicon above headingCTA sectioncontent sectionfeature cardsvisual hierarchymarketing layoutsplit layout

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": "aa0921ec-0ac0-c846-3381-7e8dc51def81",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "e30bdf19-fd2b-6760-56b7-da6692951fe5"
        ],
        "children": [
          "aa0921ec-0ac0-c846-3381-7e8dc51def82"
        ]
      },
      {
        "_id": "aa0921ec-0ac0-c846-3381-7e8dc51def82",
        "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": [
          "aa0921ec-0ac0-c846-3381-7e8dc51def83"
        ]
      },
      {
        "_id": "aa0921ec-0ac0-c846-3381-7e8dc51def83",
        "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": "aa0921ec-0ac0-c846-3381-7e8dc51def81", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "e30bdf19-fd2b-6760-56b7-da6692951fe5" ], "children": [ "aa0921ec-0ac0-c846-3381-7e8dc51def82" ] }, { "_id": "aa0921ec-0ac0-c846-3381-7e8dc51def82", "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": [ "aa0921ec-0ac0-c846-3381-7e8dc51def83" ] }, { "_id": "aa0921ec-0ac0-c846-3381-7e8dc51def83", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)