Layout 108

ImageLightbox2 Columns38 nodes · 23 styles

Description

A two-column layout section with a bold heading on the left and content featuring a description paragraph with an icon bullet list on the right, followed by a full-width video player below.

Detailed Analysis

This layout component uses a two-column structure in the upper portion with the heading positioned on the left side. The right column contains a description paragraph followed by three icon-prefixed bullet points for highlighting key features or benefits. Below this text area sits a large full-width video player with a centered play button overlay on a gray background. The design omits both tagline and call-to-action buttons, focusing attention on the informational content and video media. This streamlined approach works well for product demonstrations, tutorials, or any content where the video serves as the primary engagement element.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

layouttwo-columnvideoicon listbullet pointscontent sectionheading leftvideo playerfeatures listmedia sectiondemonstrationtutorialclean designno CTAinformational

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": "837eea3b-436d-448e-341c-96d3e90d44af",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "b6035084-3272-0687-4d12-17b9c2c17056"
        ],
        "children": [
          "837eea3b-436d-448e-341c-96d3e90d44b0"
        ]
      },
      {
        "_id": "837eea3b-436d-448e-341c-96d3e90d44b0",
        "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": [
          "837eea3b-436d-448e-341c-96d3e90d44b1"
        ]
      },
      {
        "_id": "837eea3b-436d-448e-341c-96d3e90d44b1",
        "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": "837eea3b-436d-448e-341c-96d3e90d44af", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "b6035084-3272-0687-4d12-17b9c2c17056" ], "children": [ "837eea3b-436d-448e-341c-96d3e90d44b0" ] }, { "_id": "837eea3b-436d-448e-341c-96d3e90d44b0", "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": [ "837eea3b-436d-448e-341c-96d3e90d44b1" ] }, { "_id": "837eea3b-436d-448e-341c-96d3e90d44b1", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)