模板市场 (Template Market Library)
更偏模板库、starter kit 和资源市场的浏览形态,既有高密度索引,也有明确的转化入口,但不该退化成普通 SaaS 落地页。
模板库Prompt 库Starter Kit
真实网站参考 / Real References
先看这些真实网站 / Open these real sites first
长这样 / Looks Like
- 分类清楚
- 卡片可转化
- 列表密度高
- 浏览与购买并存
适合做 / Good For
- 模板库
- Prompt 库
- Starter Kit
不适合做 / Not For
- 纯品牌故事页
- 长文特稿
- 沉浸式发布页
Skill 包含什么 / What The Skill Controls
截图、排版和规则来自同一套风格包 / The screenshots, layout, and rules come from the same skill packet
配色系统 / Color System
- 保持中性骨架
- 重点用在分类和 CTA
- 不要让背景色抢走卡片信息
排版系统 / Typography
- 标题短而准
- 分类标签清楚
- 价格、下载、用途这些元数据要很好扫
版式规则 / Layout Rules
- 首页就是筛选和比较入口
- 转化动作要近
- 列表和详情必须分层清楚
图片处理 / Image Treatment
- 缩略图比例统一
- 一眼能看出模板类型
- 避免重复图导致目录失真
交互节奏 / Motion
- 筛选和视图切换反馈要稳
- 避免花哨转场
- 浏览效率高于戏剧性
AI Prompt / AI Prompt
复制后直接粘贴给 Cursor / Claude / Paste directly into Cursor / Claude
请参考模板市场(Template Market Library)风格建站:
视觉特征:分类清楚 / 卡片可转化 / 列表密度高 / 浏览与购买并存
适合场景:模板库 / Prompt 库 / Starter Kit
不适合:纯品牌故事页 / 长文特稿 / 沉浸式发布页
推荐页面组织:目录索引型 / Catalog Explorer / 工作台型 / Workbench / Tool Shell
历史来源:包豪斯 / Bauhaus / 瑞士风格 / Swiss Style
参考网站:Notion Templates: https://www.notion.com/templates / Awwwards / Websites: https://www.awwwards.com/websites/ / SiteInspire: https://www.siteinspire.com/
配色系统:保持中性骨架 / 重点用在分类和 CTA / 不要让背景色抢走卡片信息
排版系统:标题短而准 / 分类标签清楚 / 价格、下载、用途这些元数据要很好扫
版式规则:首页就是筛选和比较入口 / 转化动作要近 / 列表和详情必须分层清楚
图片处理:缩略图比例统一 / 一眼能看出模板类型 / 避免重复图导致目录失真
风格要求:Use a template market library family: screenshot-led cards, obvious category filters, clear conversion actions, and a browse-to-detail rhythm that helps users compare, decide, and take the asset quickly.
历史来源 / Historical Roots
这部分放在最后看,用来补背景,而不是先决定风格。 / Use this section to add background after the direction is already clear.
1919-1933
包豪斯 (Bauhaus)
功能、工业和几何秩序优先。它把形式服从用途这件事系统化。
1950s-1970s
瑞士风格 (Swiss Style)
网格、对齐、无衬线、秩序感。它是今天大量知识型、设计型、档案型网页的基础语法之一。