
Blog section with left-aligned header, featured blog posts area showing one large hero article alongside three compact article cards with author metadata.
This comprehensive blog layout includes a left-aligned header with 'Blog' label, large heading, and description. The 'Featured blog posts' section uses an asymmetric layout: a large hero image on the left with full article details below (category, title, excerpt, author avatar, date, reading time), while the right side displays three stacked compact cards. Each compact card shows a square image with category, title, and author info alongside. A 'Latest blog posts' section heading appears at the bottom, suggesting additional content below.
Copy and paste directly into Webflow Designer
{
"meta": {
"droppedLinks": 0,
"dynBindRemovedCount": 0,
"unlinkedSymbolCount": 0,
"paginationRemovedCount": 0,
"dynListBindRemovedCount": 0
},
"type": "@webflow/XscpData",
"payload": {
"ix1": [],
"ix2": {
"events": [],
"actionLists": [],
"interactions": []
},
"nodes": [
{
"_id": "a12d515a-2066-8e1e-cf04-8a3f546a08c1",
"tag": "header",
"data": {
"tag": "header",
"attr": {
"id": "blog-header-5"
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"6f024ab2-6b8f-d997-7a36-8a81751898ed"
],
"children": [
"a12d515a-2066-8e1e-cf04-8a3f546a08c2"
]
},
{
"_id": "a12d515a-2066-8e1e-cf04-8a3f546a08c2",
"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": [
"a12d515a-2066-8e1e-cf04-8a3f546a08c3"
]
},
{
"_id": "a12d515a-2066-8e1e-cf04-8a3f546a08c3",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude":
... (truncated)