Blog Post Header 2
ImageButtons1 ColumnCards50 nodes ยท 33 styles
Description
Blog post header with back navigation link, category tag, read time, large title, full-width featured image, and author info with social sharing icons below the image.
Detailed Analysis
This blog post header variant positions the featured image prominently with metadata distributed above and below. Top section shows 'All Posts' back link with left arrow, followed by category tag and read time. Large bold blog title appears below. The full-width featured image takes center focus. Below the image, author information displays with 'Written by' label and 'Full Name', publication date on the right, and social sharing icons (link, LinkedIn, X/Twitter, Facebook) aligned far right. Clean layout prioritizes the featured image as visual anchor.
Webflow Paste
Copy and paste directly into Webflow Designer
Keywords
blog postheaderback linkcategoryread timetitlefeatured imageauthorpublication datesocial sharingarticlenavigationfull width
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": "560cd87a-bc39-86cb-cb9a-ccddeb15cedd",
"tag": "header",
"data": {
"tag": "header",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"d12246e0-2c90-cb97-6980-27b055c64fea"
],
"children": [
"560cd87a-bc39-86cb-cb9a-ccddeb15cede"
]
},
{
"_id": "560cd87a-bc39-86cb-cb9a-ccddeb15cede",
"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": [
"560cd87a-bc39-86cb-cb9a-ccddeb15cedf"
]
},
{
"_id": "560cd87a-bc39-86cb-cb9a-ccddeb15cedf",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
... (truncated)