Header 134

ImageButtons23 nodes · 21 styles

Description

Hero with stacked left-aligned content above a two-image gallery featuring a large full-width landscape with portrait overlay from top-right.

Detailed Analysis

This hero arranges content vertically on the left - bold heading followed by paragraph text and dual CTAs. Below is a prominent full-width image gallery. A large landscape image spans the entire width while a smaller portrait image overlaps from the top-right area. The simpler content arrangement above leaves more visual real estate for the impactful image composition below.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

heroheaderstacked contentleft alignedtwo imagesfull width landscapeportrait overlaycontent above imagerydual CTAlight themebold headingvisual impactclean layoutimage focused

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": "973f8a1f-5357-6e33-c7fe-069bd9f1e5f6",
        "tag": "header",
        "data": {
          "tag": "header",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "b944213b-3351-4f7d-6758-d961b6b125a6"
        ],
        "children": [
          "973f8a1f-5357-6e33-c7fe-069bd9f1e5f7"
        ]
      },
      {
        "_id": "973f8a1f-5357-6e33-c7fe-069bd9f1e5f7",
        "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": [
          "973f8a1f-5357-6e33-c7fe-069bd9f1e5f8"
        ]
      },
      {
        "_id": "973f8a1f-5357-6e33-c7fe-069bd9f1e5f8",
        "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": "973f8a1f-5357-6e33-c7fe-069bd9f1e5f6", "tag": "header", "data": { "tag": "header", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "b944213b-3351-4f7d-6758-d961b6b125a6" ], "children": [ "973f8a1f-5357-6e33-c7fe-069bd9f1e5f7" ] }, { "_id": "973f8a1f-5357-6e33-c7fe-069bd9f1e5f7", "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": [ "973f8a1f-5357-6e33-c7fe-069bd9f1e5f8" ] }, { "_id": "973f8a1f-5357-6e33-c7fe-069bd9f1e5f8", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)