Header 104

ButtonsBackground Image24 nodes · 20 styles

Description

Creative hero with inline image placeholders embedded within the heading text for unique visual impact.

Detailed Analysis

This hero component features an innovative design where image placeholders are embedded directly within the heading text, creating a visually striking effect. The heading flows as 'Long [image] heading is what you see here in this header [image] section' with gray image placeholders interspersed between words. Below the creative heading sits a standard paragraph and dual buttons (primary filled black, secondary outlined). The white background keeps focus on the unique typography treatment.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

heroheadercreativeinline imagesembedded imagestypographyunique designvisual interestwhite backgrounddual buttonsinnovativeartistictext with imagesmodernplayful

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": "dcb079a4-9810-e946-ceff-8be7f46c31bb",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "0e7c22dc-23f5-4238-83a6-8eaa5874f3c3"
        ],
        "children": [
          "dcb079a4-9810-e946-ceff-8be7f46c31bc"
        ]
      },
      {
        "_id": "dcb079a4-9810-e946-ceff-8be7f46c31bc",
        "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": [
          "dcb079a4-9810-e946-ceff-8be7f46c31bd"
        ]
      },
      {
        "_id": "dcb079a4-9810-e946-ceff-8be7f46c31bd",
        "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": "dcb079a4-9810-e946-ceff-8be7f46c31bb", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "0e7c22dc-23f5-4238-83a6-8eaa5874f3c3" ], "children": [ "dcb079a4-9810-e946-ceff-8be7f46c31bc" ] }, { "_id": "dcb079a4-9810-e946-ceff-8be7f46c31bc", "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": [ "dcb079a4-9810-e946-ceff-8be7f46c31bd" ] }, { "_id": "dcb079a4-9810-e946-ceff-8be7f46c31bd", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)