Header 149
ImageButtons19 nodes · 17 styles
Description
A left-aligned hero section with long headline, supporting text, and dual CTA buttons above a full-width image placeholder.
Detailed Analysis
This header variant uses left-aligned text placement for a more editorial feel. A multi-line bold heading spans roughly two-thirds width, followed by a paragraph and two horizontally arranged buttons (primary filled, secondary outlined). The content sits in the upper left quadrant with whitespace to the right, creating asymmetric balance. Below is a full-width image placeholder on light gray background. This layout suits longer headlines and content-heavy introductions while maintaining visual impact.
Webflow Paste
Copy and paste directly into Webflow Designer
Keywords
heroheaderleft-alignedlong headlineCTA buttonseditorialasymmetricfull-width imagecontent-heavylanding pagemarketingtext-focusedtwo columns effect
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": "73ea9912-2b82-73b4-7dc0-6aaf9ba36168",
"tag": "header",
"data": {
"tag": "header",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"bf57547a-a5b8-e8f2-df5f-e0623eb67484"
],
"children": [
"73ea9912-2b82-73b4-7dc0-6aaf9ba36169"
]
},
{
"_id": "73ea9912-2b82-73b4-7dc0-6aaf9ba36169",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"bf57547a-a5b8-e8f2-df5f-e0623eb67485"
],
"children": [
"73ea9912-2b82-73b4-7dc0-6aaf9ba3616a",
"73ea9912-2b82-73b4-7dc0-6aaf9ba36179"
]
},
{
"_id": "73ea9912-2b82-73b4-7dc0-6aaf9ba3616a",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
... (truncated)