Component Browser
BrowseBuild
Home/Browse/Pricing 34

Pricing 34

ImageButtons2 ColumnsImage/Video Left97 nodes ยท 34 styles
Pricing 34

Description

Two-column pricing layout with left-side content including heading, description, and social proof logos, plus a single pricing card on the right with two-column feature grid.

Detailed Analysis

This asymmetric pricing layout places marketing content on the left (tagline, heading, description paragraph, and social proof with company logos like Webflow and Relume) alongside a single detailed pricing card on the right. The pricing card displays plan name, description, monthly price, and an extensive two-column feature list with checkmarks under the 'Includes:' header. A full-width black CTA button anchors the card. This layout emphasizes a single plan offering while providing substantial supporting content.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

pricingtwo columnssocial proofcompany logossingle planfeature gridasymmetric layouttestimonialtrust badgesincludes sectioncheckmarksSaaS pricingmarketing content

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": "c4565dc1-70c3-a8b9-da30-f0ab42c7d573",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "f13ecb63-4a80-9e41-8d88-ee025b2e56a6"
        ],
        "children": [
          "c4565dc1-70c3-a8b9-da30-f0ab42c7d574"
        ]
      },
      {
        "_id": "c4565dc1-70c3-a8b9-da30-f0ab42c7d574",
        "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": [
          "c4565dc1-70c3-a8b9-da30-f0ab42c7d575"
        ]
      },
      {
        "_id": "c4565dc1-70c3-a8b9-da30-f0ab42c7d575",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)