Content 19

Image2 Columns20 nodes · 14 styles

Description

Content section with full-width image at top, two-column heading and text layout below

Detailed Analysis

This image-first component opens with a large full-width image placeholder featuring a light gray background and centered landscape icon. Below the image is a two-column layout with a bold, medium-length heading positioned in the left column and three paragraphs of body text in the right column. The design prioritizes visual impact first, then provides context through the structured heading and text section.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

image firstfull width imagetwo columnheading lefttext rightcontent sectionimage abovesplit layoutparagraph textgray placeholdervisual leadtext below imagecombined 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": "40d65717-069f-19a4-39cd-5787a9e01e0a",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "fcb6d91b-4eae-1177-be29-caae1d8731f9"
        ],
        "children": [
          "40d65717-069f-19a4-39cd-5787a9e01e0b"
        ]
      },
      {
        "_id": "40d65717-069f-19a4-39cd-5787a9e01e0b",
        "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": [
          "40d65717-069f-19a4-39cd-5787a9e01e0c"
        ]
      },
      {
        "_id": "40d65717-069f-19a4-39cd-5787a9e01e0c",
        "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": "40d65717-069f-19a4-39cd-5787a9e01e0a", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "fcb6d91b-4eae-1177-be29-caae1d8731f9" ], "children": [ "40d65717-069f-19a4-39cd-5787a9e01e0b" ] }, { "_id": "40d65717-069f-19a4-39cd-5787a9e01e0b", "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": [ "40d65717-069f-19a4-39cd-5787a9e01e0c" ] }, { "_id": "40d65717-069f-19a4-39cd-5787a9e01e0c", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)