Blog 3

ImageButtons3 ColumnsCards203 nodes · 45 styles

Description

Blog listing section with centered header, category filter tabs, and 3-column grid of bordered article cards featuring images, category labels, titles, excerpts, author info, and metadata.

Detailed Analysis

This blog section features a centered header with 'Blog' tagline, large heading, and description text. A category filter row includes a bordered 'View all' button and four category links. The article grid displays 3 columns of bordered cards. Each card contains a featured image area with content below including category label, article title, excerpt text, and an author section with circular avatar, name, date, and reading time. Cards have subtle borders creating clear separation. A second row of cards is partially visible below.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

blog listingbordered cardsarticle gridcategory filter3-column layoutauthor avatarreading timepublication dateblog cardscontent sectionnews layoutarticle metadatatabbed categoriescard borders

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": "5a0eee7d-39b8-465f-04e7-275c2e31f016",
        "tag": "header",
        "data": {
          "tag": "header",
          "attr": {
            "id": "blog-header-3"
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "0f5808b0-d0ba-6d1a-ca5b-de99d2bbbcfc"
        ],
        "children": [
          "5a0eee7d-39b8-465f-04e7-275c2e31f017"
        ]
      },
      {
        "_id": "5a0eee7d-39b8-465f-04e7-275c2e31f017",
        "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": [
          "5a0eee7d-39b8-465f-04e7-275c2e31f018"
        ]
      },
      {
        "_id": "5a0eee7d-39b8-465f-04e7-275c2e31f018",
        "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": "5a0eee7d-39b8-465f-04e7-275c2e31f016", "tag": "header", "data": { "tag": "header", "attr": { "id": "blog-header-3" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "0f5808b0-d0ba-6d1a-ca5b-de99d2bbbcfc" ], "children": [ "5a0eee7d-39b8-465f-04e7-275c2e31f017" ] }, { "_id": "5a0eee7d-39b8-465f-04e7-275c2e31f017", "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": [ "5a0eee7d-39b8-465f-04e7-275c2e31f018" ] }, { "_id": "5a0eee7d-39b8-465f-04e7-275c2e31f018", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": ... (truncated)