Header 126

ImageButtons23 nodes · 21 styles

Description

Split hero with text content left and a layered two-image gallery right featuring a large portrait background with overlapping landscape.

Detailed Analysis

This hero uses a classic split layout with text content occupying the left half and an image composition on the right. The image gallery consists of a large tall portrait serving as the primary background with a smaller landscape image overlapping from the upper-right corner, creating depth through layering. The heading uses bold typography with left alignment, followed by supporting paragraph text and dual CTAs. Clean white background keeps focus on content.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

heroheadersplit layouttwo columnlayered imagesoverlapping imagesportrait backgroundlandscape overlaydepth effectleft aligned textdual CTAlight thememodern heroimage composition

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": "57cf2b9f-2aff-4615-f3af-16f1e7f7f1ee",
        "tag": "header",
        "data": {
          "tag": "header",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "8ea63a08-2b46-13d9-87eb-a386b5d595b2"
        ],
        "children": [
          "57cf2b9f-2aff-4615-f3af-16f1e7f7f1ef"
        ]
      },
      {
        "_id": "57cf2b9f-2aff-4615-f3af-16f1e7f7f1ef",
        "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": [
          "57cf2b9f-2aff-4615-f3af-16f1e7f7f1f0"
        ]
      },
      {
        "_id": "57cf2b9f-2aff-4615-f3af-16f1e7f7f1f0",
        "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": "57cf2b9f-2aff-4615-f3af-16f1e7f7f1ee", "tag": "header", "data": { "tag": "header", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "8ea63a08-2b46-13d9-87eb-a386b5d595b2" ], "children": [ "57cf2b9f-2aff-4615-f3af-16f1e7f7f1ef" ] }, { "_id": "57cf2b9f-2aff-4615-f3af-16f1e7f7f1ef", "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": [ "57cf2b9f-2aff-4615-f3af-16f1e7f7f1f0" ] }, { "_id": "57cf2b9f-2aff-4615-f3af-16f1e7f7f1f0", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)