Blog Post Header 4
ImageButtons2 ColumnsImage/Video Right30 nodes · 25 styles
Description
Two-column blog post header with back navigation, category, read time, title, and publication date on the left, paired with a large featured image on the right.
Detailed Analysis
This minimalist split-layout blog post header emphasizes the featured image while keeping metadata concise. Left column shows: 'All Posts' back link with left chevron, category tag with read time, large multi-line blog title, and 'Published on [date]' text. Right column contains a large featured image placeholder spanning the full section height. The layout omits author information and social sharing for a cleaner, more streamlined appearance focused on essential article metadata and visual content.
Webflow Paste
Copy and paste directly into Webflow Designer
Keywords
blog postheadertwo columnsplit layoutback linkcategoryread timetitlepublication datefeatured imageminimalcleanarticle
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": "f23676e3-e556-9d30-6a53-63735092ae66",
"tag": "header",
"data": {
"tag": "header",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"15e5f3b5-fb4f-d1a3-1885-cdc56be8e738"
],
"children": [
"f23676e3-e556-9d30-6a53-63735092ae67"
]
},
{
"_id": "f23676e3-e556-9d30-6a53-63735092ae67",
"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": [
"f23676e3-e556-9d30-6a53-63735092ae68"
]
},
{
"_id": "f23676e3-e556-9d30-6a53-63735092ae68",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
... (truncated)