Stats 16

ImageButtonsBackground 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 theme with background image

Detailed Analysis

This Stats 16 component features 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 two statistics stacked vertically, each showing 50% with a short heading and additional descriptive paragraph text. A vertical line divider separates sections. The dark gray background with semi-transparent image overlay provides visual depth while maintaining excellent contrast for white text.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

statisticsmetricspercentagesdark themetwo columnsstacked layoutbuttonstaglineparagraphbackground imagetwo statsdetailed descriptionsimage 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": "ec236002-69da-9a1e-bdc4-af4d7fab6883",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "26ea284d-d474-f598-88b2-f34f6fb995a9",
          "e4dfde07-d690-647a-2447-ed73add1ac34"
        ],
        "children": [
          "ec236002-69da-9a1e-bdc4-af4d7fab6884",
          "ec236002-69da-9a1e-bdc4-af4d7fab68ae"
        ]
      },
      {
        "_id": "ec236002-69da-9a1e-bdc4-af4d7fab6884",
        "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": [
          "ec236002-69da-9a1e-bdc4-af4d7fab6885"
        ]
      },
      {
        "_id": "ec236002-69da-9a1e-bdc4-af4d7fab6885",
        "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": "ec236002-69da-9a1e-bdc4-af4d7fab6883", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "26ea284d-d474-f598-88b2-f34f6fb995a9", "e4dfde07-d690-647a-2447-ed73add1ac34" ], "children": [ "ec236002-69da-9a1e-bdc4-af4d7fab6884", "ec236002-69da-9a1e-bdc4-af4d7fab68ae" ] }, { "_id": "ec236002-69da-9a1e-bdc4-af4d7fab6884", "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": [ "ec236002-69da-9a1e-bdc4-af4d7fab6885" ] }, { "_id": "ec236002-69da-9a1e-bdc4-af4d7fab6885", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, ... (truncated)