Header 146

ImageFormButtons32 nodes · 26 styles

Description

A centered hero section with headline, description, email signup form, and full-width image placeholder below.

Detailed Analysis

This header features a lead generation-focused layout with centered text hierarchy. The headline and supporting paragraph lead into an inline email signup form consisting of an input field and 'Sign up' button, with terms agreement text below. The bottom half displays a full-width image placeholder on a light gray background. The form-centric design prioritizes conversion while maintaining visual balance with the large image area. Clean spacing and minimal styling keep focus on the signup action.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

heroheaderemail signuplead generationformnewsletterCTAcentered layoutfull-width imageconversionlanding pagesubscriptionterms and conditions

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": "03c70c08-d6c1-bf8f-3a98-5799fb72a1bc",
        "tag": "header",
        "data": {
          "tag": "header",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "bdb5f9e6-19d0-a0fc-2d06-3995e0248a3d"
        ],
        "children": [
          "6e189e04-57c5-b313-a7cd-21681fd8a746"
        ]
      },
      {
        "_id": "6e189e04-57c5-b313-a7cd-21681fd8a746",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "460bb9d1-5d5a-fc42-c576-791944cf911e"
        ],
        "children": [
          "6e189e04-57c5-b313-a7cd-21681fd8a747",
          "6e189e04-57c5-b313-a7cd-21681fd8a763"
        ]
      },
      {
        "_id": "6e189e04-57c5-b313-a7cd-21681fd8a747",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
       
... (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": "03c70c08-d6c1-bf8f-3a98-5799fb72a1bc", "tag": "header", "data": { "tag": "header", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "bdb5f9e6-19d0-a0fc-2d06-3995e0248a3d" ], "children": [ "6e189e04-57c5-b313-a7cd-21681fd8a746" ] }, { "_id": "6e189e04-57c5-b313-a7cd-21681fd8a746", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "460bb9d1-5d5a-fc42-c576-791944cf911e" ], "children": [ "6e189e04-57c5-b313-a7cd-21681fd8a747", "6e189e04-57c5-b313-a7cd-21681fd8a763" ] }, { "_id": "6e189e04-57c5-b313-a7cd-21681fd8a747", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], ... (truncated)