Header 130

ImageButtons23 nodes · 21 styles

Description

Split hero with text content left and a simple two-image layered gallery right featuring a large portrait background with a smaller square overlay in the upper right.

Detailed Analysis

This hero uses a classic split layout with left-aligned text and a clean two-image composition on the right. A large portrait-orientation background serves as the primary visual element, with a smaller square image overlapping from the upper-right corner. This creates subtle depth and visual interest without complexity. The approach balances simplicity with layered visual appeal for versatile applications.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

heroheadersplit layouttwo imageslayered galleryportrait backgroundsquare overlaysimple compositionsubtle depthdual CTAlight themeclean designminimal layersprofessional

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": "d6a3f319-3ba7-4bb4-bfdc-04dcfcf71890",
        "tag": "header",
        "data": {
          "tag": "header",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "6368a692-b8de-c5f3-71f1-3b35f96a290e"
        ],
        "children": [
          "d6a3f319-3ba7-4bb4-bfdc-04dcfcf71891"
        ]
      },
      {
        "_id": "d6a3f319-3ba7-4bb4-bfdc-04dcfcf71891",
        "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": [
          "d6a3f319-3ba7-4bb4-bfdc-04dcfcf71892"
        ]
      },
      {
        "_id": "d6a3f319-3ba7-4bb4-bfdc-04dcfcf71892",
        "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": "d6a3f319-3ba7-4bb4-bfdc-04dcfcf71890", "tag": "header", "data": { "tag": "header", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "6368a692-b8de-c5f3-71f1-3b35f96a290e" ], "children": [ "d6a3f319-3ba7-4bb4-bfdc-04dcfcf71891" ] }, { "_id": "d6a3f319-3ba7-4bb4-bfdc-04dcfcf71891", "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": [ "d6a3f319-3ba7-4bb4-bfdc-04dcfcf71892" ] }, { "_id": "d6a3f319-3ba7-4bb4-bfdc-04dcfcf71892", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)