Stats 9

ImageButtonsBackground Image3 ColumnsCards45 nodes · 33 styles

Description

A dark-themed statistics section with stacked layout featuring tagline, heading, description, three percentage stats, dual buttons, and background image placeholder.

Detailed Analysis

This stats component uses a dark gray background with white text and a stacked vertical layout. Content includes tagline, large heading, descriptive paragraph, three percentage statistics (30%) displayed horizontally with vertical accent bars and short headings, and dual CTA buttons at the bottom. A faded background image placeholder with generic icon sits behind the content with a dark overlay. The single-column flow works well for focused storytelling with data support.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

dark theme statsstacked layoutbackground imagepercentage displaysingle columnstats with buttonsimage overlayvertical flowKPI sectionwhite on darkmetrics displaycontent hierarchy

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": "0eb8b33b-ced2-c9a7-4949-ee65b87865ee",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "11b98b91-dff6-8f20-c8aa-8c1772123856",
          "d9ee365e-a51e-dbab-7140-771bcfc16732"
        ],
        "children": [
          "0eb8b33b-ced2-c9a7-4949-ee65b87865ef",
          "0eb8b33b-ced2-c9a7-4949-ee65b8786618"
        ]
      },
      {
        "_id": "0eb8b33b-ced2-c9a7-4949-ee65b87865ef",
        "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": [
          "0eb8b33b-ced2-c9a7-4949-ee65b87865f0"
        ]
      },
      {
        "_id": "0eb8b33b-ced2-c9a7-4949-ee65b87865f0",
        "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": "0eb8b33b-ced2-c9a7-4949-ee65b87865ee", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "11b98b91-dff6-8f20-c8aa-8c1772123856", "d9ee365e-a51e-dbab-7140-771bcfc16732" ], "children": [ "0eb8b33b-ced2-c9a7-4949-ee65b87865ef", "0eb8b33b-ced2-c9a7-4949-ee65b8786618" ] }, { "_id": "0eb8b33b-ced2-c9a7-4949-ee65b87865ef", "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": [ "0eb8b33b-ced2-c9a7-4949-ee65b87865f0" ] }, { "_id": "0eb8b33b-ced2-c9a7-4949-ee65b87865f0", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, ... (truncated)