Header 150
ImageFormButtons31 nodes · 24 styles
Description
A left-aligned hero section with long headline, description, email signup form, and full-width image placeholder below.
Detailed Analysis
This editorial-style header features left-aligned content with a multi-line bold heading, supporting paragraph, and inline email signup form (input field + 'Sign up' button) with terms agreement text. The content occupies roughly two-thirds width with whitespace to the right, creating asymmetric balance. Below sits a full-width image placeholder on a light gray background. This layout combines lead generation functionality with an editorial aesthetic, ideal for newsletter-first landing pages.
Webflow Paste
Copy and paste directly into Webflow Designer
Keywords
heroheaderleft-alignedemail signupformlong headlinenewsletterlead generationfull-width imageeditorialconversionterms and conditionsasymmetric layout
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": "70f636c6-3c8a-7388-4424-d52dd65981f8",
"tag": "header",
"data": {
"tag": "header",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"ba413a0d-1d3e-e297-aec9-ef85cf8e8b33"
],
"children": [
"70f636c6-3c8a-7388-4424-d52dd65981f9"
]
},
{
"_id": "70f636c6-3c8a-7388-4424-d52dd65981f9",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"ba413a0d-1d3e-e297-aec9-ef85cf8e8b34"
],
"children": [
"70f636c6-3c8a-7388-4424-d52dd65981fa",
"70f636c6-3c8a-7388-4424-d52dd6598215"
]
},
{
"_id": "70f636c6-3c8a-7388-4424-d52dd65981fa",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
... (truncated)