Stats 12

Background VideoVideoBackground Image3 ColumnsCards31 nodes · 18 styles

Description

Minimal statistics section with heading and three percentage metrics in a horizontal row on dark gray background

Detailed Analysis

This Stats 12 component is a streamlined dark-themed statistics section. It features a left-aligned long heading at the top followed by three statistics displayed horizontally below. Each stat shows 30% with a short heading description and has a white vertical line divider on the left side. The layout is minimal and compact, focusing purely on the heading and numerical data without additional content elements. The dark charcoal background provides clean contrast for the white text.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

statisticsmetricspercentagesdark themethree columnsminimal designdata visualizationnumbers displayheading sectionvertical dividerscharcoal backgroundcompact layout

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": "879ce2db-4163-bba9-16b1-b40e05a6bd94",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "dfbd7685-d815-e04a-5b0a-1fb25011898e",
          "12aec115-ef39-7742-4645-43c68ec8f7db"
        ],
        "children": [
          "879ce2db-4163-bba9-16b1-b40e05a6bd95",
          "879ce2db-4163-bba9-16b1-b40e05a6bdb0"
        ]
      },
      {
        "_id": "879ce2db-4163-bba9-16b1-b40e05a6bd95",
        "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": [
          "879ce2db-4163-bba9-16b1-b40e05a6bd96"
        ]
      },
      {
        "_id": "879ce2db-4163-bba9-16b1-b40e05a6bd96",
        "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": "879ce2db-4163-bba9-16b1-b40e05a6bd94", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "dfbd7685-d815-e04a-5b0a-1fb25011898e", "12aec115-ef39-7742-4645-43c68ec8f7db" ], "children": [ "879ce2db-4163-bba9-16b1-b40e05a6bd95", "879ce2db-4163-bba9-16b1-b40e05a6bdb0" ] }, { "_id": "879ce2db-4163-bba9-16b1-b40e05a6bd95", "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": [ "879ce2db-4163-bba9-16b1-b40e05a6bd96" ] }, { "_id": "879ce2db-4163-bba9-16b1-b40e05a6bd96", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, ... (truncated)