Stats 10

ImageBackground Image3 ColumnsCards31 nodes · 18 styles

Description

Statistics section with dark gray background featuring heading, image placeholder, and three percentage metrics in a row with vertical dividers

Detailed Analysis

This Stats 10 component displays a dark gray/charcoal background section with a left-aligned long heading. The center features a large image placeholder icon. Below the heading and image area are three statistics displayed horizontally, each showing 30% with a short heading description. Each stat has a vertical white line divider on the left side. The layout creates a compact statistics display that combines visual content with numerical data.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

statisticsmetricspercentagesdark themethree columnsimage placeholderdata visualizationnumbers displayheading sectionvertical dividerscharcoal backgroundstats row

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": "6ef80206-c653-a5dd-f65d-5770bee6d610",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "943fb8a4-56d8-fc0c-e73f-71b94a23fda5",
          "96215e8c-8948-d1a8-2bb6-cc187811d9d3"
        ],
        "children": [
          "6ef80206-c653-a5dd-f65d-5770bee6d611",
          "6ef80206-c653-a5dd-f65d-5770bee6d62c"
        ]
      },
      {
        "_id": "6ef80206-c653-a5dd-f65d-5770bee6d611",
        "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": [
          "6ef80206-c653-a5dd-f65d-5770bee6d612"
        ]
      },
      {
        "_id": "6ef80206-c653-a5dd-f65d-5770bee6d612",
        "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": "6ef80206-c653-a5dd-f65d-5770bee6d610", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "943fb8a4-56d8-fc0c-e73f-71b94a23fda5", "96215e8c-8948-d1a8-2bb6-cc187811d9d3" ], "children": [ "6ef80206-c653-a5dd-f65d-5770bee6d611", "6ef80206-c653-a5dd-f65d-5770bee6d62c" ] }, { "_id": "6ef80206-c653-a5dd-f65d-5770bee6d611", "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": [ "6ef80206-c653-a5dd-f65d-5770bee6d612" ] }, { "_id": "6ef80206-c653-a5dd-f65d-5770bee6d612", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, ... (truncated)