Stats 18

Background VideoVideoButtonsBackground Image2 Columns1 Column47 nodes · 34 styles

Description

Two-column statistics section with tagline, heading, paragraph, buttons on left and two stacked percentage metrics with descriptions on right, dark charcoal theme

Detailed Analysis

This Stats 18 component features a dark charcoal-themed two-column layout with solid background. 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 two statistics stacked vertically, each showing 50% with a short heading and additional descriptive paragraph text. Vertical line dividers accent each stat block. The solid dark charcoal background ensures clean contrast for white typography without visual distractions.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

statisticsmetricspercentagesdark themetwo columnsstacked layoutbuttonstaglineparagraphcharcoal backgroundtwo statsdetailed descriptionsvertical dividers

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": "65b7fe6d-7ff4-ef26-5600-637a7936daeb",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "871a87b0-eb0b-d53b-6f1c-52eeca9b0ecb",
          "d4d3ec9e-1232-0c89-51e5-0280554dab7d"
        ],
        "children": [
          "65b7fe6d-7ff4-ef26-5600-637a7936daec",
          "65b7fe6d-7ff4-ef26-5600-637a7936db16"
        ]
      },
      {
        "_id": "65b7fe6d-7ff4-ef26-5600-637a7936daec",
        "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": [
          "65b7fe6d-7ff4-ef26-5600-637a7936daed"
        ]
      },
      {
        "_id": "65b7fe6d-7ff4-ef26-5600-637a7936daed",
        "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": "65b7fe6d-7ff4-ef26-5600-637a7936daeb", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "871a87b0-eb0b-d53b-6f1c-52eeca9b0ecb", "d4d3ec9e-1232-0c89-51e5-0280554dab7d" ], "children": [ "65b7fe6d-7ff4-ef26-5600-637a7936daec", "65b7fe6d-7ff4-ef26-5600-637a7936db16" ] }, { "_id": "65b7fe6d-7ff4-ef26-5600-637a7936daec", "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": [ "65b7fe6d-7ff4-ef26-5600-637a7936daed" ] }, { "_id": "65b7fe6d-7ff4-ef26-5600-637a7936daed", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, ... (truncated)