Stats 8

3 ColumnsCards28 nodes · 14 styles

Description

A minimal statistics section with stacked single-column layout featuring heading and three percentage stats with vertical accent bars.

Detailed Analysis

This minimal stats component uses a vertical stacked layout with content left-aligned. It features a bold heading followed by three percentage statistics (30%) displayed horizontally, each with a vertical accent bar on the left and a short heading beneath. The design removes tagline, description, and buttons found in fuller variants, creating a very clean and focused presentation. White background with black typography maintains simplicity.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

minimal statsstacked layoutsingle columnpercentage displayclean designheading with statssimple metricsleft-alignedKPI sectionstreamlinedvertical barsfocused layout

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": "5c3ce58a-2452-df2b-d06a-48ce50a7638a",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "f0cf4b6e-f787-5f36-b87d-51f1be90fcfc"
        ],
        "children": [
          "5c3ce58a-2452-df2b-d06a-48ce50a7638b"
        ]
      },
      {
        "_id": "5c3ce58a-2452-df2b-d06a-48ce50a7638b",
        "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": [
          "5c3ce58a-2452-df2b-d06a-48ce50a7638c"
        ]
      },
      {
        "_id": "5c3ce58a-2452-df2b-d06a-48ce50a7638c",
        "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": "5c3ce58a-2452-df2b-d06a-48ce50a7638a", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "f0cf4b6e-f787-5f36-b87d-51f1be90fcfc" ], "children": [ "5c3ce58a-2452-df2b-d06a-48ce50a7638b" ] }, { "_id": "5c3ce58a-2452-df2b-d06a-48ce50a7638b", "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": [ "5c3ce58a-2452-df2b-d06a-48ce50a7638c" ] }, { "_id": "5c3ce58a-2452-df2b-d06a-48ce50a7638c", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)