Blog 12

ImageButtons2 ColumnsCards127 nodes · 42 styles

Description

Blog listing section with centered header, category filter tabs, and 2-column grid of article cards featuring large images, category badges, reading time, titles, excerpts, and read more links.

Detailed Analysis

This blog layout presents a centered header with 'Blog' label, large heading, and supporting text. Category filtering includes a bordered 'View all' button and category text links. The article grid uses a 2-column layout with generously sized cards. Each card displays a large featured image, category badge (dark pill), reading time indicator, article title, excerpt text, and 'Read more' link with chevron arrow. The spacious layout gives prominence to each article.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

blog listing2-column gridlarge cardscategory badgesread more linkscategory filterfeatured imagesreading timepill badgesarticle cardschevron CTAsspacious layoutblog sectioncontent discovery

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": "4e5381ea-6322-ae5a-48a4-c8b8b3ad41c0",
        "tag": "header",
        "data": {
          "tag": "header",
          "attr": {
            "id": "blog-header-12"
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "28094cf0-2a55-7a0b-630c-6192e590e37f"
        ],
        "children": [
          "4e5381ea-6322-ae5a-48a4-c8b8b3ad41c1"
        ]
      },
      {
        "_id": "4e5381ea-6322-ae5a-48a4-c8b8b3ad41c1",
        "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": [
          "4e5381ea-6322-ae5a-48a4-c8b8b3ad41c2"
        ]
      },
      {
        "_id": "4e5381ea-6322-ae5a-48a4-c8b8b3ad41c2",
        "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": "4e5381ea-6322-ae5a-48a4-c8b8b3ad41c0", "tag": "header", "data": { "tag": "header", "attr": { "id": "blog-header-12" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "28094cf0-2a55-7a0b-630c-6192e590e37f" ], "children": [ "4e5381ea-6322-ae5a-48a4-c8b8b3ad41c1" ] }, { "_id": "4e5381ea-6322-ae5a-48a4-c8b8b3ad41c1", "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": [ "4e5381ea-6322-ae5a-48a4-c8b8b3ad41c2" ] }, { "_id": "4e5381ea-6322-ae5a-48a4-c8b8b3ad41c2", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude" ... (truncated)