Stats 15

ImageButtonsBackground Image2 ColumnsCards51 nodes · 33 styles

Description

Two-column statistics section with tagline, heading, paragraph, buttons on left and four percentage metrics in 2x2 grid on right, dark theme with background image

Detailed Analysis

This Stats 15 component presents a dark-themed two-column layout with a subtle background image placeholder. The left column contains a tagline, medium-length heading, descriptive paragraph, and two CTA buttons (one outlined with white border, one text link with arrow). The right column displays four statistics arranged in a 2x2 grid, each showing 50% with a short heading description. The stats are separated by vertical line dividers. The dark gray background with semi-transparent image overlay provides depth while maintaining text legibility with white typography.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

statisticsmetricspercentagesdark themetwo columns2x2 gridbuttonstaglineparagraphbackground imagefour statssplit layoutimage overlay

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": "ac67c0e0-6c1b-aba9-f52f-32b98ff375a1",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "7d2fe199-a565-3228-63ca-74bff2a2654b",
          "63e6e1b9-3911-432f-2876-044cb2bff3cc"
        ],
        "children": [
          "ac67c0e0-6c1b-aba9-f52f-32b98ff375a2",
          "ac67c0e0-6c1b-aba9-f52f-32b98ff375d0"
        ]
      },
      {
        "_id": "ac67c0e0-6c1b-aba9-f52f-32b98ff375a2",
        "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": [
          "ac67c0e0-6c1b-aba9-f52f-32b98ff375a3"
        ]
      },
      {
        "_id": "ac67c0e0-6c1b-aba9-f52f-32b98ff375a3",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
   
... (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": "ac67c0e0-6c1b-aba9-f52f-32b98ff375a1", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "7d2fe199-a565-3228-63ca-74bff2a2654b", "63e6e1b9-3911-432f-2876-044cb2bff3cc" ], "children": [ "ac67c0e0-6c1b-aba9-f52f-32b98ff375a2", "ac67c0e0-6c1b-aba9-f52f-32b98ff375d0" ] }, { "_id": "ac67c0e0-6c1b-aba9-f52f-32b98ff375a2", "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": [ "ac67c0e0-6c1b-aba9-f52f-32b98ff375a3" ] }, { "_id": "ac67c0e0-6c1b-aba9-f52f-32b98ff375a3", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, ... (truncated)