Header 100
Background VideoVideoButtonsBackground Image23 nodes · 25 styles
Description
Dark solid background hero with centered content and dual call-to-action buttons, ideal for bold brand statements.
Detailed Analysis
This hero component features a full-width dark charcoal/gray solid background creating a bold, dramatic appearance. Content is vertically and horizontally centered with white text for strong contrast. The layout includes a large bold heading, supporting paragraph text, and two horizontally-aligned buttons—a primary filled white button and a secondary outlined/ghost button. The solid dark background without imagery creates a focused, distraction-free environment emphasizing the messaging and CTAs.
Webflow Paste
Copy and paste directly into Webflow Designer
Keywords
heroheaderdark backgroundsolid colorcentereddual buttonsCTAminimalbolddramaticwhite textcontrastlanding pagebrand statementno image
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": "e12402f0-4315-2f21-94ba-1793194f7140",
"tag": "header",
"data": {
"tag": "header",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"1d798d13-4922-2cc4-2f73-27b1ebefada3"
],
"children": [
"e12402f0-4315-2f21-94ba-1793194f7141"
]
},
{
"_id": "e12402f0-4315-2f21-94ba-1793194f7141",
"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": [
"e12402f0-4315-2f21-94ba-1793194f7142"
]
},
{
"_id": "e12402f0-4315-2f21-94ba-1793194f7142",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
... (truncated)