UIPicks UI 参考库
← 全部 AI 参考来源

网页布局

Supahero

网页首屏模块参考，适合比较标题、主视觉与行动入口的组织。

进入原站读取本页 JSON

已整理部分目录 · 2026-10-14。已收录公开的具体示例与对应详情或媒体地址；不代表原站全量。参考案例、组件示例和付费预览单独标识。

资源与访问条件

“有免费资源”仅描述对应资源范围，不代表每条案例、模板或素材免费。代码、提示词与素材的实际获取权限及许可需到原站核对。

目录入口

共 573 条记录，本页显示 321–400 条。每页最多 80 条；直接点击名称进入已保存的真实网址。

条目类型、来源日期与链接性质分别标注。只有明确核验过的画面才显示布局或风格标签；没有标签表示当前没有相应确认信息。

  1. Fearless Wallet · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：左右分栏、深色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  2. Coda · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：左对齐首屏、浅色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  3. Amplemarket · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、浅色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  4. Yuna · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、浅色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  5. Pentaclay · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  6. GeneX · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  7. Badrutt's Palace Hotel · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  8. Off/Menu · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：菜单、首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  9. Funkhaus · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  10. Imaga · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  11. Imprint · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、浅色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  12. Cubecho · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  13. Tiempo · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、深色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  14. Mariq · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  15. Hyperbolic · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：左右分栏、浅色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  16. UFO Timeline · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、操作或表单入口、深色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  17. Travel Next Level · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  18. Dipsy Design Studio · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  19. Andrey Ilyaskin · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  20. Charles Leclerc · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  21. Nitex · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、浅色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  22. Rantir · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：左对齐首屏、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  23. Shapefest · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：左右分栏、浅色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  24. Flexis · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：左对齐首屏、深色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  25. Schema · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：左右分栏、浅色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  26. Lumos · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  27. Macaw · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、浅色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  28. More Nutrition · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、浅色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  29. HHHusher · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：深色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  30. Twenty · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、浅色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  31. Herrlich Media · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  32. Webifier · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：左右分栏、操作或表单入口、深色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  33. Parabol · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：左对齐首屏、浅色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  34. Estudi Image · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉、图片

    官网公开条目数据2026-10-13打开案例网站

  35. Newtwen · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：左对齐首屏、浅色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  36. Andrés Briganti · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  37. Crazy Creative · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  38. Electra Filmworks · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  39. Holygrid · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、深色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  40. Eric Hu Studio · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  41. kaleida · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  42. AI Build · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉、AI、人工智能

    已核验画面：居中首屏、深色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  43. Setapp · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、深色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  44. Tiny Coast Digital · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  45. Neverhack · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：左对齐首屏、深色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  46. Mount Media · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  47. GradientsHub · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、深色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  48. KidSuper Studios · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  49. Fancy · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  50. gola templates · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、浅色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  51. Reweb · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、深色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  52. Bookmarks · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、深色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  53. Airbnb Homes · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、浅色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  54. Framer Configurator · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：左右分栏、浅色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13

  55. Josh Warren · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  56. Off-Grid · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：网格、首屏、主视觉

    已核验画面：居中首屏、深色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  57. Analogue · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、浅色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  58. Cabeenet · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、深色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  59. The Modern World · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  60. Russoutdoor · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：浅色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  61. Easelink · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：左对齐首屏、深色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  62. Milanco · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  63. Notion · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：左右分栏、浅色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  64. Lemni · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、深色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  65. Apple Watch Series 10 · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、浅色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  66. Contra · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：左右分栏、浅色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  67. James Xi · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  68. Won J You Studios · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  69. MR Likino · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  70. Stuut · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、浅色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  71. J-vers · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：左对齐首屏、浅色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  72. Notion Mail · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉、邮件、信封

    已核验画面：居中首屏、浅色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  73. Paintboxed · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  74. Montfort · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  75. Victor Berbel · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  76. Zenblog · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、浅色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  77. Mino · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站

  78. Adaline · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：居中首屏、浅色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  79. Kit · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    已核验画面：左右分栏、浅色、鲜明色彩 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。

    官网公开条目数据2026-10-13打开案例网站

  80. Heritage In Art · Hero 首屏

    首屏参考 · 具体条目入口

    相关词：首屏、主视觉

    官网公开条目数据2026-10-13打开案例网站