Stats 1

Buttons2 Columns3 ColumnsCards43 nodes · 27 styles

Description

A statistics section with two-column header layout featuring tagline, heading, description, dual buttons, and three percentage stats with vertical accent bars.

Detailed Analysis

This stats component uses a two-column layout in the header area with tagline and heading on the left, and descriptive paragraph with two CTA buttons (primary outlined, secondary text with arrow) on the right. Below the header, three large percentage statistics (30%) are displayed in a row, each with a vertical accent bar on the left and a short heading beneath. The clean white background with black typography creates strong visual hierarchy. The layout balances content introduction with data-driven proof points.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

statistics sectionpercentage displaytwo-column layoutstats with buttonsdata visualizationmetrics displayproof pointsKPI sectionbusiness statsnumber highlightsvertical accent barsstat cards

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": "4d1b01fb-2bef-cfe5-80b8-69affee160a8",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "b6ebe34d-d9b3-e701-6d52-8f71644d2a2a"
        ],
        "children": [
          "4d1b01fb-2bef-cfe5-80b8-69affee160a9"
        ]
      },
      {
        "_id": "4d1b01fb-2bef-cfe5-80b8-69affee160a9",
        "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": [
          "4d1b01fb-2bef-cfe5-80b8-69affee160aa"
        ]
      },
      {
        "_id": "4d1b01fb-2bef-cfe5-80b8-69affee160aa",
        "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": "4d1b01fb-2bef-cfe5-80b8-69affee160a8", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "b6ebe34d-d9b3-e701-6d52-8f71644d2a2a" ], "children": [ "4d1b01fb-2bef-cfe5-80b8-69affee160a9" ] }, { "_id": "4d1b01fb-2bef-cfe5-80b8-69affee160a9", "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": [ "4d1b01fb-2bef-cfe5-80b8-69affee160aa" ] }, { "_id": "4d1b01fb-2bef-cfe5-80b8-69affee160aa", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)