{
  "schemaVersion": 1,
  "updatedAt": "2026-10-18",
  "source": {
    "id": "bookmark-supahero-io",
    "name": "Supahero",
    "description": "网页首屏模块参考，适合比较标题、主视觉与行动入口的组织。",
    "category": "网页布局",
    "tags": [
      "首屏",
      "Hero"
    ],
    "url": "https://supahero.io/",
    "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-supahero-io/index.html",
    "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-supahero-io/index.json",
    "code": false,
    "prompt": false,
    "entryCount": 573,
    "scope": {
      "status": "已整理部分目录",
      "note": "已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。",
      "capturedAt": "2026-10-14"
    },
    "offers": [
      {
        "id": "catalog",
        "label": "已收录的参考资源",
        "platforms": [
          "web"
        ],
        "resources": [
          "reference"
        ],
        "frameworks": [
          "na"
        ],
        "pricing": [
          "unknown"
        ],
        "evidence": [
          {
            "kind": "saved",
            "url": "https://supahero.io/",
            "date": "2026-10-13",
            "note": "已收录的官网用途说明与标签：网页首屏模块参考，适合比较标题、主视觉与行动入口的组织。"
          }
        ]
      }
    ],
    "featuredSamples": []
  },
  "pagination": {
    "page": 8,
    "pageSize": 80,
    "totalEntries": 573,
    "totalPages": 8,
    "offset": 560,
    "previous": "page-7.json",
    "next": null
  },
  "entries": [
    {
      "id": "b2bf132378c4d34f",
      "title": "Webflow · Hero 首屏",
      "url": "https://supahero.io/hero/webflow",
      "kind": "首屏参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://supahero.io/",
        "date": "2026-10-13"
      },
      "pageUrl": "https://webflow.com/",
      "visual": {
        "layouts": [
          {
            "id": "left",
            "label": "左对齐首屏",
            "evidence": "已逐条核验对应画面：左对齐的标题与正文"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://supahero.io/hero/webflow",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "d8611893097ea91a",
      "title": "With Toolkit · Hero 首屏",
      "url": "https://supahero.io/hero/with-toolkit",
      "kind": "首屏参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://supahero.io/",
        "date": "2026-10-13"
      },
      "pageUrl": "https://www.withtoolkit.com/",
      "visual": {
        "layouts": [
          {
            "id": "left",
            "label": "左对齐首屏",
            "evidence": "已逐条核验对应画面：左对齐的标题与正文"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://supahero.io/hero/with-toolkit",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "39111633e8cf699e",
      "title": "Cardbonmade · Hero 首屏",
      "url": "https://supahero.io/hero/cardbonmade",
      "kind": "首屏参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://supahero.io/",
        "date": "2026-10-13"
      },
      "pageUrl": "https://carbonmade.com/",
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://supahero.io/hero/cardbonmade",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "a2d1804efdefd318",
      "title": "Unlockt · Hero 首屏",
      "url": "https://supahero.io/hero/unlockt",
      "kind": "首屏参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://supahero.io/",
        "date": "2026-10-13"
      },
      "pageUrl": "https://landing.unlockt.me/",
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://supahero.io/hero/unlockt",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "630ecc5a47248ca3",
      "title": "Litheum · Hero 首屏",
      "url": "https://supahero.io/hero/litheum",
      "kind": "首屏参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://supahero.io/",
        "date": "2026-10-13"
      },
      "pageUrl": "https://litheum.com/",
      "visual": {
        "layouts": [
          {
            "id": "split",
            "label": "左右分栏",
            "evidence": "已逐条核验对应画面：文字与主视觉左右分栏"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://supahero.io/hero/litheum",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "03cca3b9bc84b73b",
      "title": "Maya Lynne Adar · Hero 首屏",
      "url": "https://supahero.io/hero/maya-lynne-adar",
      "kind": "首屏参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://supahero.io/",
        "date": "2026-10-13"
      },
      "pageUrl": "https://www.mayalynneadar.com/"
    },
    {
      "id": "58f386db138d6ee6",
      "title": "Manifest · Hero 首屏",
      "url": "https://supahero.io/hero/manifest",
      "kind": "首屏参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://supahero.io/",
        "date": "2026-10-13"
      },
      "pageUrl": "https://manifest.build/",
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://supahero.io/hero/manifest",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "1d6712cb51cb48ea",
      "title": "InstaGallery · Hero 首屏",
      "url": "https://supahero.io/hero/instagallery",
      "kind": "首屏参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://supahero.io/",
        "date": "2026-10-13"
      },
      "pageUrl": "https://www.insta.gallery/",
      "visual": {
        "layouts": [
          {
            "id": "left",
            "label": "左对齐首屏",
            "evidence": "已逐条核验对应画面：左对齐的标题与正文"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://supahero.io/hero/instagallery",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "0c7536f2c1effdda",
      "title": "Tusaro · Hero 首屏",
      "url": "https://supahero.io/hero/tusaro",
      "kind": "首屏参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://supahero.io/",
        "date": "2026-10-13"
      },
      "pageUrl": "https://www.tusaro.studio/"
    },
    {
      "id": "44eadd47067f56d8",
      "title": "Biograph · Hero 首屏",
      "url": "https://supahero.io/hero/biograph",
      "kind": "首屏参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://supahero.io/",
        "date": "2026-10-13"
      },
      "pageUrl": "https://www.biograph.com/"
    },
    {
      "id": "34174c34df767b2f",
      "title": "Webestica · Hero 首屏",
      "url": "https://supahero.io/hero/webestica",
      "kind": "首屏参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://supahero.io/",
        "date": "2026-10-13"
      },
      "pageUrl": "https://www.webestica.com/"
    },
    {
      "id": "abdb3f8942734769",
      "title": "Mammoth Murals · Hero 首屏",
      "url": "https://supahero.io/hero/mammoth-murals",
      "kind": "首屏参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://supahero.io/",
        "date": "2026-10-13"
      },
      "pageUrl": "https://mammothmurals.com/"
    },
    {
      "id": "e1b30d1e10ff38b2",
      "title": "Deck Doctors · Hero 首屏",
      "url": "https://supahero.io/hero/deck-doctors",
      "kind": "首屏参考",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://supahero.io/",
        "date": "2026-10-13"
      },
      "pageUrl": "https://www.deckdocs.com/"
    }
  ]
}