Blog 13

ImageButtons2 ColumnsCards147 nodes · 45 styles

Description

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

Detailed Analysis

This blog section features a centered header with 'Blog' tagline, large heading, and description text. A category filter row includes bordered 'View all' button and category text links. Articles display in a 2-column grid of bordered cards. Each card contains a large featured image area, category label, article title, excerpt text, and author section with circular avatar, name, publication date, and reading time. The bordered cards provide clear visual separation. Additional cards are partially visible below.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

blog listing2-column gridbordered cardscategory filterauthor metadatafeatured imagesarticle cardscentered headercard borderspublication datereading timeavatar photosspacious layoutcontent filtering

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": "c3fbe429-3e21-23ab-2eef-118b08ed0cd0",
        "tag": "header",
        "data": {
          "tag": "header",
          "attr": {
            "id": "blog-header-13"
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "f4e87020-1472-1bd9-c3f5-9f3a448e4a4a"
        ],
        "children": [
          "c3fbe429-3e21-23ab-2eef-118b08ed0cd1"
        ]
      },
      {
        "_id": "c3fbe429-3e21-23ab-2eef-118b08ed0cd1",
        "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": [
          "c3fbe429-3e21-23ab-2eef-118b08ed0cd2"
        ]
      },
      {
        "_id": "c3fbe429-3e21-23ab-2eef-118b08ed0cd2",
        "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": "c3fbe429-3e21-23ab-2eef-118b08ed0cd0", "tag": "header", "data": { "tag": "header", "attr": { "id": "blog-header-13" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "f4e87020-1472-1bd9-c3f5-9f3a448e4a4a" ], "children": [ "c3fbe429-3e21-23ab-2eef-118b08ed0cd1" ] }, { "_id": "c3fbe429-3e21-23ab-2eef-118b08ed0cd1", "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": [ "c3fbe429-3e21-23ab-2eef-118b08ed0cd2" ] }, { "_id": "c3fbe429-3e21-23ab-2eef-118b08ed0cd2", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude" ... (truncated)