{
  "schemaVersion": 1,
  "updatedAt": "2026-10-18",
  "source": {
    "id": "bookmark-vibrant-design",
    "name": "Vibrant Design",
    "description": "网页设计参考目录，适合寻找整体页面风格与布局。",
    "category": "网页布局",
    "tags": [
      "网页设计",
      "布局参考"
    ],
    "url": "https://vibrant.design/",
    "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-vibrant-design/index.html",
    "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-vibrant-design/index.json",
    "code": false,
    "prompt": false,
    "entryCount": 243,
    "scope": {
      "status": "已补充公开条目",
      "note": "补充本次公开页面中的可定位条目；尚未验证全站全量覆盖。",
      "capturedAt": "2026-10-14"
    },
    "offers": [
      {
        "id": "catalog",
        "label": "已收录的参考资源",
        "platforms": [
          "web"
        ],
        "resources": [
          "reference"
        ],
        "frameworks": [
          "na"
        ],
        "pricing": [
          "unknown"
        ],
        "evidence": [
          {
            "kind": "saved",
            "url": "https://vibrant.design/",
            "date": "2026-10-13",
            "note": "已收录的官网用途说明与标签：网页设计参考目录，适合寻找整体页面风格与布局。"
          }
        ]
      }
    ],
    "featuredSamples": []
  },
  "pagination": {
    "page": 2,
    "pageSize": 80,
    "totalEntries": 243,
    "totalPages": 4,
    "offset": 80,
    "previous": "index.json",
    "next": "page-3.json"
  },
  "entries": [
    {
      "id": "441fee8a3a8d7bda",
      "title": "Empty State Exploration",
      "url": "https://vibrant.design/feed/empty-state-exploration",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "空状态"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0b39793bbb0ed011",
      "title": "Thinking Orbs Library",
      "url": "https://vibrant.design/feed/thinking-orbs-library",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "思考状态"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3648a95b9b7beb84",
      "title": "Thinking Orbs",
      "url": "https://vibrant.design/feed/thinking-orbs",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "思考状态"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c8c2a3b331b989d3",
      "title": "Morphing Svg Icon",
      "url": "https://vibrant.design/feed/morphing-svg-icon",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f45704e3eac8319b",
      "title": "Agent Svg Animation",
      "url": "https://vibrant.design/feed/agent-svg-animation",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "智能体"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "cffbdc3477e60d96",
      "title": "Live Image Canvas",
      "url": "https://vibrant.design/feed/live-image-canvas",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5409bd13b772668e",
      "title": "Animated Sidebar Menu",
      "url": "https://vibrant.design/feed/animated-sidebar-menu",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "菜单",
        "侧边栏",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "40b1e4d69c037ee5",
      "title": "Travel Memories Icon",
      "url": "https://vibrant.design/feed/travel-memories-icon",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "8b85456bcbe66c22",
      "title": "Mikes Cv",
      "url": "https://vibrant.design/website/mikes-cv",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9b93df04f6c7fd22",
      "title": "Hero Section",
      "url": "https://vibrant.design/website/natural-hero-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f34dbe1e977b5710",
      "title": "Www Natural Com",
      "url": "https://vibrant.design/website/4ihpu0n-www-natural-com",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "754e77d11edc6b06",
      "title": "Feature Section",
      "url": "https://vibrant.design/website/natural-feature-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a1c9b1bc3ca4f4b0",
      "title": "Feature Section 2",
      "url": "https://vibrant.design/website/natural-feature-section-2",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "753d0dbee778b9ed",
      "title": "Melius Com",
      "url": "https://vibrant.design/website/melius-com",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "85db5d57093103c1",
      "title": "Supercut Hero Section",
      "url": "https://vibrant.design/website/mvac7gj-supercut-hero-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      },
      "pageUrl": "https://supercut.ai/",
      "visual": {
        "layouts": [
          {
            "id": "left",
            "label": "左对齐首屏",
            "evidence": "已逐条核验对应画面：左对齐的标题与正文"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://vibrant.design/website/mvac7gj-supercut-hero-section",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "3449308dcd8e101f",
      "title": "Pixel Ripple Button",
      "url": "https://vibrant.design/feed/l3nu9hy-pixel-ripple-button",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "按钮",
        "涟漪",
        "波纹"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a846a5c42546fda8",
      "title": "Www Lightspark Com",
      "url": "https://vibrant.design/website/hifixnw-www-lightspark-com",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f4ec4637effac705",
      "title": "Clerk S Bento Grid",
      "url": "https://vibrant.design/website/fcco7w4-clerk-s-bento-grid",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      },
      "pageUrl": "https://clerk.com/",
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          },
          {
            "id": "bento",
            "label": "Bento 功能网格",
            "evidence": "已逐条核验对应画面：不同大小卡片组成的功能网格"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://vibrant.design/website/fcco7w4-clerk-s-bento-grid",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "bb067c460d608df4",
      "title": "Stripe S Pricing Section",
      "url": "https://vibrant.design/website/dwxceqe-stripe-s-pricing-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "定价",
        "价格"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c4c2f8256a2d0d5f",
      "title": "Stripe S Bento Grid",
      "url": "https://vibrant.design/website/67v7a8g-stripe-s-bento-grid",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      },
      "pageUrl": "https://stripe.com/",
      "visual": {
        "layouts": [
          {
            "id": "bento",
            "label": "Bento 功能网格",
            "evidence": "已逐条核验对应画面：不同大小卡片组成的功能网格"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://vibrant.design/website/67v7a8g-stripe-s-bento-grid",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "76dbf92da0101ab4",
      "title": "Calendly S Cta",
      "url": "https://vibrant.design/website/0gdgrxh-calendly-s-cta",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "85b1f55213a77b9b",
      "title": "Provet S Logo Cloud",
      "url": "https://vibrant.design/website/ggyp5wp-provet-s-logo-cloud",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "015fca8e521d5aaa",
      "title": "Mintlify S Testimonials Section",
      "url": "https://vibrant.design/website/9dry6si-mintlify-s-testimonials-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7bb9e8c4bc98da58",
      "title": "Framer S Logo Cloud",
      "url": "https://vibrant.design/website/am10beg-framer-s-logo-cloud",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "771af88b94255e89",
      "title": "Strawberry Browser S Faqs",
      "url": "https://vibrant.design/website/raus9m8-strawberry-browser-s-faqs",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "16db12d9a2087171",
      "title": "Cursor S Changelog Page",
      "url": "https://vibrant.design/website/9k3aq64-cursor-s-changelog-page",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7008727f44bf2a89",
      "title": "Framer S Footer",
      "url": "https://vibrant.design/website/4y39xd3-framer-s-footer",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "页脚"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b305edb266b5f8e3",
      "title": "Hardik S Portfolio Hero Section",
      "url": "https://vibrant.design/website/u7xs9qo-hardik-s-portfolio-hero-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "54baedb6da883fad",
      "title": "Thinking Orbs Evolved",
      "url": "https://vibrant.design/feed/rue6igx-thinking-orbs-evolved",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "思考状态"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9da09527a096c495",
      "title": "Shotbase Com",
      "url": "https://vibrant.design/website/yqclbi3-shotbase-com",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "26948050098ad5e0",
      "title": "Olympus Ai Landing Page",
      "url": "https://vibrant.design/feed/mfr84in-olympus-ai-landing-page",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          },
          {
            "id": "bento",
            "label": "Bento 功能网格",
            "evidence": "已逐条核验对应画面：不同大小卡片组成的功能网格"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://vibrant.design/feed/mfr84in-olympus-ai-landing-page",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "a8580ec75ef397d2",
      "title": "Sports Photo Gallery Interaction",
      "url": "https://vibrant.design/feed/5lhx0ff-sports-photo-gallery-interaction",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "交互",
        "动效",
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9ecc15981df01f05",
      "title": "Torq Car Diagnostic Landing",
      "url": "https://vibrant.design/feed/j1z9o6n-torq-car-diagnostic-landing",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b02b3e98a442035f",
      "title": "Cofounder S How It Works Section",
      "url": "https://vibrant.design/website/okpwbm7-cofounder-s-how-it-works-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "34fcb0ca4eb2b131",
      "title": "Cloudflare S Stats Section",
      "url": "https://vibrant.design/website/vjj6t68-cloudflare-s-stats-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4102e8dd2033b18d",
      "title": "Mobbin S Integrations Section",
      "url": "https://vibrant.design/website/h8b7i90-mobbin-s-integrations-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "862b0ba82b5e972a",
      "title": "Natural S Careers Page",
      "url": "https://vibrant.design/website/6zy139l-natural-s-careers-page",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "68b076ad2a2c8d6e",
      "title": "Axiom S Blog Page",
      "url": "https://vibrant.design/website/w9n3w8y-axiom-s-blog-page",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "77b425a81d5dca1d",
      "title": "Axiom S Docs Page",
      "url": "https://vibrant.design/website/hyflfks-axiom-s-docs-page",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "486d7e95c2ee356f",
      "title": "Clerk S 404 Page",
      "url": "https://vibrant.design/website/lxmi0x7-clerk-s-404-page",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "dd38eedf786ddaf8",
      "title": "Clerk S Sign Up Page",
      "url": "https://vibrant.design/website/j03et94-clerk-s-sign-up-page",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a0fba4796333bbef",
      "title": "Save Button That Ages",
      "url": "https://vibrant.design/feed/bmfawjh-save-button-that-ages",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "31555f1aced870c7",
      "title": "Unitedcarriers Com",
      "url": "https://vibrant.design/website/2g3763x-unitedcarriers-com",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c08963765408a391",
      "title": "Cloudflare Startups Hero Section",
      "url": "https://vibrant.design/website/b9owrkn-cloudflare-startups-hero-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      },
      "pageUrl": "https://www.cloudflare.com/startups/",
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://vibrant.design/website/b9owrkn-cloudflare-startups-hero-section",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "fc354dab26e01005",
      "title": "Rauno Me",
      "url": "https://vibrant.design/website/6sbf50k-rauno-me",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "32861359d6b16003",
      "title": "Giga S Hero Section",
      "url": "https://vibrant.design/website/hw36cuj-giga-s-hero-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      },
      "pageUrl": "https://giga.ai/",
      "visual": {
        "layouts": [
          {
            "id": "left",
            "label": "左对齐首屏",
            "evidence": "已逐条核验对应画面：左对齐的标题与正文"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://vibrant.design/website/hw36cuj-giga-s-hero-section",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "557df1c2cf9ffc49",
      "title": "Blueprint Grid Page Animation",
      "url": "https://vibrant.design/feed/m0bh60e-blueprint-grid-page-animation",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "网格",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a7dcb24ee2841c31",
      "title": "Runeicons Og Image",
      "url": "https://vibrant.design/feed/0f6fcj3-runeicons-og-image",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9f36cc79e041aa3b",
      "title": "Open Source Floating Nav Dock",
      "url": "https://vibrant.design/feed/o790elv-open-source-floating-nav-dock",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "程序坞",
        "导航"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "8aff2beb7e9e4446",
      "title": "Aging Ui Toggle Switch",
      "url": "https://vibrant.design/feed/b957ms0-aging-ui-toggle-switch",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "开关",
        "切换"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "2cb1104ccf60f199",
      "title": "Playful Illustrated Metro Card Designs",
      "url": "https://vibrant.design/feed/zokj280-playful-illustrated-metro-card-designs",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ee3bd4f190e7a473",
      "title": "Ai Tone Gradient Card Ui",
      "url": "https://vibrant.design/feed/jqpwe9j-ai-tone-gradient-card-ui",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "卡片",
        "渐变",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "383f3725bdbb888f",
      "title": "Shader Driven Workflow Hero",
      "url": "https://vibrant.design/feed/bmjkuna-shader-driven-workflow-hero",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      },
      "visual": {
        "layouts": [
          {
            "id": "split",
            "label": "左右分栏",
            "evidence": "已逐条核验对应画面：文字与主视觉左右分栏"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://vibrant.design/feed/bmjkuna-shader-driven-workflow-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "30e4824f8dec96d3",
      "title": "Frame Controls Popover Ui",
      "url": "https://vibrant.design/feed/pgsay4d-frame-controls-popover-ui",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "气泡",
        "弹出框"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f7bef265bd11d82c",
      "title": "Griffin The Bank You Can Build On",
      "url": "https://vibrant.design/website/yovgmpb-griffin-the-bank-you-can-build-on",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5030313704990545",
      "title": "Gumloop Build Ai Agents For Work",
      "url": "https://vibrant.design/website/chf53gf-gumloop-build-ai-agents-for-work",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "07f2be8a3e53cffc",
      "title": "Gumloop S Hero Section",
      "url": "https://vibrant.design/website/u3v2ccy-gumloop-s-hero-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      },
      "pageUrl": "https://www.gumloop.com/",
      "visual": {
        "layouts": [
          {
            "id": "left",
            "label": "左对齐首屏",
            "evidence": "已逐条核验对应画面：左对齐的标题与正文"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://vibrant.design/website/u3v2ccy-gumloop-s-hero-section",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "446a77071c5f18b4",
      "title": "Glide S Hero Section",
      "url": "https://vibrant.design/website/j3npkq4-glide-s-hero-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      },
      "pageUrl": "https://www.glideapps.com/",
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://vibrant.design/website/j3npkq4-glide-s-hero-section",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "175e64981836ed14",
      "title": "Glide S Testimonials Section",
      "url": "https://vibrant.design/website/k7u6usn-glide-s-testimonials-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1cfffe2a3bdfafef",
      "title": "Cofounder S Hero Section",
      "url": "https://vibrant.design/website/80g9vjk-cofounder-s-hero-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      },
      "pageUrl": "https://cofounder.co/",
      "visual": {
        "layouts": [
          {
            "id": "left",
            "label": "左对齐首屏",
            "evidence": "已逐条核验对应画面：左对齐的标题与正文"
          }
        ],
        "styles": [
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://vibrant.design/website/80g9vjk-cofounder-s-hero-section",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "2c850f4a90c3a0a5",
      "title": "Equal S Footer Section",
      "url": "https://vibrant.design/website/czx8m7r-equal-s-footer-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "页脚"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5b0e245e7a4249fd",
      "title": "Equal S Hero Section",
      "url": "https://vibrant.design/website/pf4nyrc-equal-s-hero-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      },
      "pageUrl": "https://equals.com/",
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          },
          {
            "id": "input",
            "label": "操作或表单入口",
            "evidence": "已逐条核验对应画面：可填写的操作或表单入口"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://vibrant.design/website/pf4nyrc-equal-s-hero-section",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "5a96d0389fd78f0b",
      "title": "Beside S Hero Section",
      "url": "https://vibrant.design/website/pcyiyzl-beside-s-hero-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      },
      "pageUrl": "https://www.beside.com/",
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://vibrant.design/website/pcyiyzl-beside-s-hero-section",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "2655954f092f2548",
      "title": "Foglamp S Hero Section",
      "url": "https://vibrant.design/website/2ynra7m-foglamp-s-hero-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      },
      "pageUrl": "https://www.foglamp.dev/",
      "visual": {
        "layouts": [
          {
            "id": "left",
            "label": "左对齐首屏",
            "evidence": "已逐条核验对应画面：左对齐的标题与正文"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://vibrant.design/website/2ynra7m-foglamp-s-hero-section",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "21efcaaead7dd42f",
      "title": "Foglamp S Footer",
      "url": "https://vibrant.design/website/8hk5fzt-foglamp-s-footer",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "页脚"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1aed9d3b795c4ca9",
      "title": "Foglamp S Faq Section",
      "url": "https://vibrant.design/website/2rvarpi-foglamp-s-faq-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "常见问题"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1128dc00d680d57d",
      "title": "Foglamp S Pricing",
      "url": "https://vibrant.design/website/hoj8obc-foglamp-s-pricing",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "定价",
        "价格"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e2a9411014ecaa8b",
      "title": "Medusa S Hero Section",
      "url": "https://vibrant.design/website/indudmd-medusa-s-hero-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      },
      "pageUrl": "https://medusajs.com/",
      "visual": {
        "layouts": [
          {
            "id": "left",
            "label": "左对齐首屏",
            "evidence": "已逐条核验对应画面：左对齐的标题与正文"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://vibrant.design/website/indudmd-medusa-s-hero-section",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "c3b9a211b905c83d",
      "title": "Arcade S Hero Section",
      "url": "https://vibrant.design/website/nje3aoa-arcade-s-hero-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      },
      "pageUrl": "https://www.arcade.software/",
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          },
          {
            "id": "input",
            "label": "操作或表单入口",
            "evidence": "已逐条核验对应画面：可填写的操作或表单入口"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://vibrant.design/website/nje3aoa-arcade-s-hero-section",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "408a84b821f6e038",
      "title": "Deck S Hero Section",
      "url": "https://vibrant.design/website/kypf0tk-deck-s-hero-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      },
      "pageUrl": "https://deck.co/",
      "visual": {
        "layouts": [
          {
            "id": "left",
            "label": "左对齐首屏",
            "evidence": "已逐条核验对应画面：左对齐的标题与正文"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://vibrant.design/website/kypf0tk-deck-s-hero-section",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "85db382d62925ab8",
      "title": "Agentwork S Bento Grid",
      "url": "https://vibrant.design/website/taltt8n-agentwork-s-bento-grid",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      },
      "pageUrl": "https://agentwork.com/",
      "visual": {
        "layouts": [],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://vibrant.design/website/taltt8n-agentwork-s-bento-grid",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "4d29b4301abf62a0",
      "title": "Holographic Webgpu Card",
      "url": "https://vibrant.design/feed/xlfls5m-holographic-webgpu-card",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d25e40ef3268743b",
      "title": "Koi Pond Portfolio Hero",
      "url": "https://vibrant.design/feed/s3w5q2j-koi-pond-portfolio-hero",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "bc7c35e6629ab777",
      "title": "Agentwork S Feature Section",
      "url": "https://vibrant.design/website/xn5dt91-agentwork-s-feature-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "385b8ea5f16a103f",
      "title": "Interactive Isometric Data Cards",
      "url": "https://vibrant.design/feed/m2w672c-interactive-isometric-data-cards",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "96e1698fa1877617",
      "title": "Www Shwn Design",
      "url": "https://vibrant.design/website/br9puiu-www-shwn-design",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "38f7292ab3106b39",
      "title": "Skydive S Footer",
      "url": "https://vibrant.design/website/zggdkp6-skydive-s-footer",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "页脚"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b0f2b332dfb5bbdf",
      "title": "Www Skydive Com",
      "url": "https://vibrant.design/website/f3xbgbk-www-skydive-com",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "fa6916b09fa39bc4",
      "title": "Skydive S Hero Section",
      "url": "https://vibrant.design/website/j8rfm3a-skydive-s-hero-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      },
      "pageUrl": "https://www.skydive.com/",
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://vibrant.design/website/j8rfm3a-skydive-s-hero-section",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "1d54bc8cbe0a533e",
      "title": "Skydive S Feature Section",
      "url": "https://vibrant.design/website/cks556o-skydive-s-feature-section",
      "kind": "界面参考",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vibrant.design/sitemaps/projects-1.xml",
        "date": "2026-10-14"
      }
    }
  ]
}