Blog 10

ImageButtons3 ColumnsCards257 nodes · 49 styles

Description

Blog section with left-aligned header, featured blog posts area with hero article and three compact cards featuring category badges and read more links.

Detailed Analysis

This blog layout includes a left-aligned header with 'Blog' label, main heading, and description. The 'Featured blog posts' section displays asymmetrically: large hero article on left with full details (category badge, reading time, title, excerpt, read more CTA), while three compact horizontal cards stack on the right. Each compact card shows a square thumbnail with category badge, reading time, title, and read more link beside it. The 'Latest blog posts' section heading appears below, indicating additional content.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

blog sectionfeatured postshero articlecompact cardscategory badgesread more linksasymmetric layoutstacked cardsreading timeblog listinglatest postschevron CTAscontent hierarchyeditorial layout

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": "29dbd7c1-b000-d03b-95c2-7204ffd00d75",
        "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": [
          "7cf6bd34-51bc-71d9-2482-d20cd2ec18ce"
        ],
        "children": [
          "29dbd7c1-b000-d03b-95c2-7204ffd00d76"
        ]
      },
      {
        "_id": "29dbd7c1-b000-d03b-95c2-7204ffd00d76",
        "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": [
          "29dbd7c1-b000-d03b-95c2-7204ffd00d77"
        ]
      },
      {
        "_id": "29dbd7c1-b000-d03b-95c2-7204ffd00d77",
        "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": "29dbd7c1-b000-d03b-95c2-7204ffd00d75", "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": [ "7cf6bd34-51bc-71d9-2482-d20cd2ec18ce" ], "children": [ "29dbd7c1-b000-d03b-95c2-7204ffd00d76" ] }, { "_id": "29dbd7c1-b000-d03b-95c2-7204ffd00d76", "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": [ "29dbd7c1-b000-d03b-95c2-7204ffd00d77" ] }, { "_id": "29dbd7c1-b000-d03b-95c2-7204ffd00d77", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": ... (truncated)