Blog 9

ImageButtons3 ColumnsCards297 nodes · 53 styles

Description

Blog section with left-aligned header, featured blog posts area showing one large hero article alongside three compact article cards with author metadata.

Detailed Analysis

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.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

blog sectionfeatured postshero articlecompact cardsauthor metadataasymmetric layoutstacked cardslatest postsblog listingpublication datereading timetwo-section layoutcontent hierarchyeditorial design

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": "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)

Detailed Analysis

{ "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)