Stats 11

Background VideoVideoButtonsBackground Image3 ColumnsCards45 nodes · 33 styles

Description

Full-featured statistics section with tagline, heading, paragraph, dual buttons, and three percentage metrics with vertical dividers on dark background

Detailed Analysis

This Stats 11 component presents a comprehensive dark-themed statistics section. The top portion includes a tagline, medium-length heading, and descriptive paragraph text all left-aligned. Below the text content are three large 30% statistics displayed horizontally with white vertical line dividers separating each metric. Each stat includes a short heading description. At the bottom are two call-to-action buttons - one outlined and one text link with arrow. The dark charcoal background provides strong contrast for the white typography.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

statisticsmetricspercentagesdark themethree columnsbuttonstaglineparagraphdata visualizationcall to actionvertical dividerscharcoal backgrounddual CTA

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": "7c0f7ff3-8980-9c78-dd10-e3f97a82393f",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "74933886-4de4-a0bf-b5c1-162d7d8b6969",
          "c5270ac3-2ad5-3cf5-5e4a-0ab6077c83bc"
        ],
        "children": [
          "7c0f7ff3-8980-9c78-dd10-e3f97a823940",
          "7c0f7ff3-8980-9c78-dd10-e3f97a823969"
        ]
      },
      {
        "_id": "7c0f7ff3-8980-9c78-dd10-e3f97a823940",
        "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": [
          "7c0f7ff3-8980-9c78-dd10-e3f97a823941"
        ]
      },
      {
        "_id": "7c0f7ff3-8980-9c78-dd10-e3f97a823941",
        "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": "7c0f7ff3-8980-9c78-dd10-e3f97a82393f", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "74933886-4de4-a0bf-b5c1-162d7d8b6969", "c5270ac3-2ad5-3cf5-5e4a-0ab6077c83bc" ], "children": [ "7c0f7ff3-8980-9c78-dd10-e3f97a823940", "7c0f7ff3-8980-9c78-dd10-e3f97a823969" ] }, { "_id": "7c0f7ff3-8980-9c78-dd10-e3f97a823940", "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": [ "7c0f7ff3-8980-9c78-dd10-e3f97a823941" ] }, { "_id": "7c0f7ff3-8980-9c78-dd10-e3f97a823941", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, ... (truncated)