Stats 19

Image2 Columns1 ColumnCardsImage/Video Left38 nodes · 23 styles

Description

Statistics section with centered header, large image placeholder on left, and three stacked percentage metrics on right, light theme

Detailed Analysis

This Stats 19 component features a light-themed layout with a centered header section at the top containing tagline, short heading, and description paragraph. Below the header is a two-column content area: the left side displays a large image placeholder taking up significant vertical space, while the right side shows three statistics stacked vertically. Each stat displays 30% with a short heading and description text. The white/light background provides a clean, professional appearance with black typography and clear visual hierarchy.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

statisticsmetricspercentageslight themetwo columnsimage placeholderstacked statscentered headerthree statstaglineprofessional layoutdata visualization

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": "700d950d-8186-8d76-07b2-0d96fead0222",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "44590883-9f67-ead9-9d7d-435b0d7a18cd"
        ],
        "children": [
          "700d950d-8186-8d76-07b2-0d96fead0223"
        ]
      },
      {
        "_id": "700d950d-8186-8d76-07b2-0d96fead0223",
        "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": [
          "700d950d-8186-8d76-07b2-0d96fead0224"
        ]
      },
      {
        "_id": "700d950d-8186-8d76-07b2-0d96fead0224",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (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": "700d950d-8186-8d76-07b2-0d96fead0222", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "44590883-9f67-ead9-9d7d-435b0d7a18cd" ], "children": [ "700d950d-8186-8d76-07b2-0d96fead0223" ] }, { "_id": "700d950d-8186-8d76-07b2-0d96fead0223", "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": [ "700d950d-8186-8d76-07b2-0d96fead0224" ] }, { "_id": "700d950d-8186-8d76-07b2-0d96fead0224", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)