{
  "schemaVersion": 1,
  "updatedAt": "2026-10-18",
  "source": {
    "id": "bento",
    "name": "Bento Grids",
    "description": "集中看模块化卡片布局，适合产品功能与优势展示。",
    "category": "网页布局",
    "tags": [
      "Bento",
      "功能展示",
      "卡片布局"
    ],
    "url": "https://bentogrids.com/",
    "directoryUrl": "https://www.uipicks.top/ai/sites/bento/index.html",
    "jsonUrl": "https://www.uipicks.top/ai/sites/bento/index.json",
    "code": false,
    "prompt": false,
    "entryCount": 288,
    "scope": {
      "status": "公开案例目录",
      "note": "官网公开数据中的案例均已收录，链接使用原站实际详情路由。",
      "capturedAt": "2026-10-13"
    },
    "offers": [
      {
        "id": "catalog",
        "label": "已收录的参考资源",
        "platforms": [
          "web"
        ],
        "resources": [
          "reference"
        ],
        "frameworks": [
          "na"
        ],
        "pricing": [
          "unknown"
        ],
        "evidence": [
          {
            "kind": "saved",
            "url": "https://bentogrids.com/",
            "date": "2026-10-13",
            "note": "已收录的官网用途说明与标签：集中看模块化卡片布局，适合产品功能与优势展示。"
          }
        ]
      }
    ],
    "featuredSamples": [
      {
        "id": "bento-1",
        "title": "浅色模块化布局",
        "url": "https://bentogrids.com/",
        "sourceKind": "集合页",
        "note": "浅色模块布局：内容被拆分成大小不同的说明卡片。",
        "linkType": "collection"
      },
      {
        "id": "bento-2",
        "title": "深色模块化布局",
        "url": "https://bentogrids.com/",
        "sourceKind": "集合页",
        "note": "深色模块布局：通过卡片尺寸与插图强调不同内容。",
        "linkType": "collection"
      },
      {
        "id": "bento-3",
        "title": "高对比营销模块",
        "url": "https://bentogrids.com/",
        "sourceKind": "集合页",
        "note": "高对比模块布局：多块营销信息在同一网格中组织。",
        "linkType": "collection"
      }
    ]
  },
  "pagination": {
    "page": 3,
    "pageSize": 80,
    "totalEntries": 288,
    "totalPages": 4,
    "offset": 160,
    "previous": "page-2.json",
    "next": "page-4.json"
  },
  "entries": [
    {
      "id": "1df90e0037a6b7ea",
      "title": "No-code video automation",
      "url": "https://bentogrids.com/shots/clsrx630j0001fn4brvu2kzv7",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "视频"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0bb623668fc8d8ac",
      "title": "Framer template by @devmost",
      "url": "https://bentogrids.com/shots/clsrwuvsp0001i9vl3rpir61n",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2df14b02df38537c",
      "title": "Bento grid as a hero section with CTA",
      "url": "https://bentogrids.com/shots/clsrwao7h00015ysvfzfrpy6y",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格",
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cb150df1afdb18a0",
      "title": "The ultimate music accessory for your Mac",
      "url": "https://bentogrids.com/shots/clsrw7xjj0003xou08rbzf6fl",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "音乐"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9fb8484db355b361",
      "title": "Elf (ERAP Group) by Jean-Roger Rioux, Signe & Fonction",
      "url": "https://bentogrids.com/shots/clsrvh14k0001qtu0lr7bkzfk",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "91e2f7a04c6f0d33",
      "title": "Stripe: Customers by use case",
      "url": "https://bentogrids.com/shots/clsrvcada0002m99xhmvb2mkt",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "52eafcb595998226",
      "title": "Clerk: Everything you need for authentication",
      "url": "https://bentogrids.com/shots/clsrclf0b0002ym63x4fxfizc",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "登录",
        "注册",
        "认证"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e905f5676e5cb3c5",
      "title": "Bento design by @cactusui",
      "url": "https://bentogrids.com/shots/clsfvpp9e00018e08ifkyuefv",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7257de72aa8ebc95",
      "title": "Wope: Spot issues faster with smart indicators",
      "url": "https://bentogrids.com/shots/clsfurznh0004rs777ao5po14",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b3854256efa13f28",
      "title": "Web app to desktop app in minutes",
      "url": "https://bentogrids.com/shots/clsfu68fp00039vl2p0576qm1",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0e59690a1b00d9e3",
      "title": "Alice features bento grid from Yandex",
      "url": "https://bentogrids.com/shots/clsftu0nx000150hvkq6sve1r",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格",
        "功能区"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f607c744a7640049",
      "title": "Deploy Securely by Josep Rosello",
      "url": "https://bentogrids.com/shots/clsftpsns00019vl214ao8x66",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e1de1c641e5f22bd",
      "title": "Clerk: Everything you need for authentication",
      "url": "https://bentogrids.com/shots/clsenqt4s0001r3vxqoswl37d",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "登录",
        "注册",
        "认证"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "28e4592ad2121c34",
      "title": "Bento cards for LaunchPad",
      "url": "https://bentogrids.com/shots/clsbp5hc2006lers30sgp831z",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3d1729ba7cbe8132",
      "title": "MusAI - Branding for the Music Generator App by Halo Lab",
      "url": "https://bentogrids.com/shots/clsbp4q7m006jers3y2vvq7lh",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "音乐"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "41be19c975234c70",
      "title": "Bento Grid by @ionuss",
      "url": "https://bentogrids.com/shots/clsbp47cs006hers3yzf4whby",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ce42be283819941f",
      "title": "Touch3e Visual Identity",
      "url": "https://bentogrids.com/shots/clsbp3el7006fers3s0st0i9j",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "70ba47382fb10fa5",
      "title": "Blooms branding",
      "url": "https://bentogrids.com/shots/clsbp2tcg006ders3riko94mx",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5ca9ff39d0d8c194",
      "title": "asistheory Security & Privacy",
      "url": "https://bentogrids.com/shots/clsbp28yc006bers3ns5w2e0r",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "483d561737b4306e",
      "title": "Apple Watch Ultra 2023",
      "url": "https://bentogrids.com/shots/clsbp1qyh0069ers3ssw6nsve",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "42b3a224321a84b2",
      "title": "Apple iPhone 15 Bento",
      "url": "https://bentogrids.com/shots/clsbp17nr0067ers34w32ab0h",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d3c9abe7fa659fe6",
      "title": "Apple Watch Bento",
      "url": "https://bentogrids.com/shots/clsbp0j9b0065ers342rrxbdb",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "da06ef189625d8e9",
      "title": "Design tools from the future",
      "url": "https://bentogrids.com/shots/clsbp00t40063ers3titcaeg7",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "854491d4bec2d34c",
      "title": "Apple iPhone",
      "url": "https://bentogrids.com/shots/clsbozgij0061ers3ffgp62pw",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "368a2d48aa433540",
      "title": "Portfolio template with bento 🍱 vibe by @oguzyagizkara",
      "url": "https://bentogrids.com/shots/clsboyuwp005zers3zvlwsdiw",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "382530954e5240a1",
      "title": "Design tools from the future",
      "url": "https://bentogrids.com/shots/clsboy7u4005xers3ajfpz7cu",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "11a6ff783df9452b",
      "title": "Bento exploration by @hanifalhafizh10",
      "url": "https://bentogrids.com/shots/clsboxp44005vers3pydd4w54",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ae338bd0e688a892",
      "title": "Prism bento by @glennui",
      "url": "https://bentogrids.com/shots/clsbox69k005ters392o0gmty",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2d61fbab17b91e7a",
      "title": "Feature section by @jamesm",
      "url": "https://bentogrids.com/shots/clsbowj98005rers3b0zx37r9",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d6154268ec436e30",
      "title": "Bento by @hanifalhafizh10",
      "url": "https://bentogrids.com/shots/clsbow01g005pers3ybls7riz",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "94e602ca541b5410",
      "title": "Proof Brand Direction",
      "url": "https://bentogrids.com/shots/clsbovek0005ners3m5twqme5",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "18b46dc951e46b95",
      "title": "Apple Store",
      "url": "https://bentogrids.com/shots/clsbous6m005lers3gnwyp7cz",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d0d038a422d24bf5",
      "title": "Better Stack",
      "url": "https://bentogrids.com/shots/clsbou4pr005jers3tr3kgpva",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "18de0875c1af6f87",
      "title": "Cabana",
      "url": "https://bentogrids.com/shots/clsbotf1c005hers3wd4lp4v4",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4eb4762ea029d0bf",
      "title": "Bento by @cactusui",
      "url": "https://bentogrids.com/shots/clsbos76n005fers3nx5643so",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f4244f759287ad58",
      "title": "Watchos 10",
      "url": "https://bentogrids.com/shots/clsborno2005ders3p23xywi5",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3de4be3265db0a00",
      "title": "Procreate",
      "url": "https://bentogrids.com/shots/clsboqfwm0059ers34pvt2hcy",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "836e1926c1b1f62f",
      "title": "Vercel blog",
      "url": "https://bentogrids.com/shots/clsbopw8g0057ers3wxc5qg9g",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "26fa6aceb07cf96f",
      "title": "Better Stack",
      "url": "https://bentogrids.com/shots/clsbopbci0055ers39ciai8x2",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "67b928b4a847529a",
      "title": "Free Pingdom alternative Better Stack",
      "url": "https://bentogrids.com/shots/clsbootcc0053ers3g33r9fhw",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f4855b683aa5468b",
      "title": "Next.js: The React Framework for the Web",
      "url": "https://bentogrids.com/shots/clsboo7uf0051ers35psaw02s",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0f799fdb37400183",
      "title": "DSB (Danish State RailwayS) Brand System",
      "url": "https://bentogrids.com/shots/clsbomu52004xers3lbhkojip",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "606cc926cf95d00c",
      "title": "A nice bento grid from @namyakhann",
      "url": "https://bentogrids.com/shots/clsbomcxl004vers3xh73ap12",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5478bd8b0fe0cf75",
      "title": "FlexFit Branding from Halo Lab",
      "url": "https://bentogrids.com/shots/clsboloxu004ters3ccecqs4b",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b682cc969782c9f7",
      "title": "The ultimate music accessory for your Mac",
      "url": "https://bentogrids.com/shots/clsbol58m004rers3f4fi6ija",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "音乐"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7e026a2c0ad34678",
      "title": "Bento cards",
      "url": "https://bentogrids.com/shots/clsbokk5e004pers37q66zx0q",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "067d0817c475d798",
      "title": "iconwerk: custom icon design for your next project",
      "url": "https://bentogrids.com/shots/clsbojk5l004ners3xdvdqw4i",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "499e6ce2b7a97f08",
      "title": "Halo Branding: Courslia logo, logo design, logotype",
      "url": "https://bentogrids.com/shots/clsboj06s004lers30x1d3i9m",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "07a546d2b1d1f8ee",
      "title": "Design tools from the future",
      "url": "https://bentogrids.com/shots/clsboigj0004jers3maholj7r",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c04a71915b44c9f7",
      "title": "Icon set from Traf",
      "url": "https://bentogrids.com/shots/clsbohviw004hers31blmug0m",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "442634a7b42acf0d",
      "title": "Diego, a designer and webflow developer based in Brazil",
      "url": "https://bentogrids.com/shots/clsbohdzr004fers3qjk52o8y",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1019abef4697d691",
      "title": "Shockingly simple checkout",
      "url": "https://bentogrids.com/shots/clsbogvyr004ders3ybjhux5w",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2b24b808110cb747",
      "title": "Brand identity, Logo design, TrustToken / TrueFi, Crypto",
      "url": "https://bentogrids.com/shots/clsbog83d004bers3f4ywoqg0",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9521e34144c62c3a",
      "title": "IT human resources platform",
      "url": "https://bentogrids.com/shots/clsbofl620049ers3jlhzdnm0",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3e6854108c67f88a",
      "title": "Card UI",
      "url": "https://bentogrids.com/shots/clsboexvd0047ers3dge61wvs",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "158d90f34fdf4125",
      "title": "Showcase, connect, and grow your tech career",
      "url": "https://bentogrids.com/shots/clsboebie0045ers3itmc9j1w",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "81d48fe1c638b651",
      "title": "Bolt’s branding from Koto",
      "url": "https://bentogrids.com/shots/clsbodq090043ers3odrcq90g",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0e9f6326a31aaaa2",
      "title": "We are launching ✨Instant Shadows",
      "url": "https://bentogrids.com/shots/clsbod5030041ers3we90985t",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "38b166b59e7b89a7",
      "title": "Halo Branding: Art044 Visual Identity",
      "url": "https://bentogrids.com/shots/clsboclsv003zers3isuun2mo",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "14486ed719039145",
      "title": "James 🤌🏻 @jamesm: cards for axiom.co",
      "url": "https://bentogrids.com/shots/clsbobz8n003xers3q3ju6nsj",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0dc292f8e46bbacc",
      "title": "Halo Branding: Mecha Branding",
      "url": "https://bentogrids.com/shots/clsbobdd8003vers3lvh4ame9",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cb61223f0a8da44e",
      "title": "TechPro Visual Identity",
      "url": "https://bentogrids.com/shots/clsboav58003ters3cxzkvxdo",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "64c206d54af619ca",
      "title": "Three reasons to join us now",
      "url": "https://bentogrids.com/shots/clsboa58f003rers3hnlh7z4w",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8db223a0823133bf",
      "title": "Boostio Branding",
      "url": "https://bentogrids.com/shots/clsbo9hi6003pers340671paj",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0070a2bff16b94f1",
      "title": "Apple Event September 2022: iPhone 14",
      "url": "https://bentogrids.com/shots/clsbo8y67003ners3sh644poz",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0f7978562dc07b6e",
      "title": "What’s included in the program",
      "url": "https://bentogrids.com/shots/clsbo8bnd003lers3cktawba1",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d79586922efb7d2c",
      "title": "WWDC 2020: New Home Features",
      "url": "https://bentogrids.com/shots/clsbo7rho003jers3bhh9n7yj",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "功能区",
        "首页",
        "房子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6d221c6b45077532",
      "title": "What’s included in the program",
      "url": "https://bentogrids.com/shots/clsbo7399003hers3ba8cszox",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "143c99185b49b1b5",
      "title": "Halo Branding: Onechoo Education",
      "url": "https://bentogrids.com/shots/clsbnpr7m003fers389k8rvvf",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6a4f7c263a94ccce",
      "title": "Once you graduate, you’ll be able to…",
      "url": "https://bentogrids.com/shots/clsbnmdgx003ders3o2z2tgc2",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "255dbf9bda33f218",
      "title": "WWDC 2022: Macbook Environmental Goals",
      "url": "https://bentogrids.com/shots/clsbnflq8003aers3q1j1f0ob",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9a3289cb34b70b8f",
      "title": "The ultimate experience for the modern investor",
      "url": "https://bentogrids.com/shots/clsbnemq50038ers32cacfvii",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fe4f3bb051d981ba",
      "title": "Apple Event September 2020: iPad Air",
      "url": "https://bentogrids.com/shots/clsbne1q00036ers31tp9rid0",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0984007bbfa0f392",
      "title": "Design system infrastructure",
      "url": "https://bentogrids.com/shots/clsbndjb50034ers34llthbd3",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a4d534831f10a48e",
      "title": "Flows List UX-UI",
      "url": "https://bentogrids.com/shots/clsbncydv0032ers3ufsa94gs",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3e11b6436f3605ba",
      "title": "Rainbow Insurance - Cards",
      "url": "https://bentogrids.com/shots/clsbncgle0030ers381gcvzua",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4ff34a0ea1106b5b",
      "title": "Cards from James 🤌🏻 @jamesm",
      "url": "https://bentogrids.com/shots/clsbnc08i002yers3ojejfkfm",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "af6440c3f56b35ac",
      "title": "Apple Event March 2022: Studio Display",
      "url": "https://bentogrids.com/shots/clsbnbixl002wers3nzg7nctp",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b5f4e69a7ae61956",
      "title": "Shiny cards for new project",
      "url": "https://bentogrids.com/shots/clsbnb1ph002uers3qq9e8xgs",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "模块化布局",
        "格子"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4aa6fdfb83f813d2",
      "title": "Apple Event September 2021: Apple Watch Series 7",
      "url": "https://bentogrids.com/shots/clsbnaitq002sers33x9q5ixn",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开案例数据",
        "url": "https://bentogrids.com/",
        "date": "2026-10-13"
      }
    }
  ]
}