开发者平台 (Developer Infrastructure Aura)
更像云平台、开发者工具、API 平台和 AI 基础设施官网的当代网页语言,关键不是普通 SaaS 营销,而是可信感、性能叙事、文档邻接和生态证明。
云平台开发者工具API 平台
真实网站参考 / Real References
先看这些真实网站 / Open these real sites first
长这样 / Looks Like
- 近黑平台感
- 性能可信
- 文档邻接
- 代码感克制
适合做 / Good For
- 云平台
- 开发者工具
- API 平台
不适合做 / Not For
- 生活方式品牌
- 慢内容站
- 工艺自然首页
Skill 包含什么 / What The Skill Controls
截图、排版和规则来自同一套风格包 / The screenshots, layout, and rules come from the same skill packet
配色系统 / Color System
- 近黑或冷白都可以
- 重点用少量高对比色建立可信感
- 不要用廉价渐变把平台感做薄
排版系统 / Typography
- 无衬线为主
- 代码、性能、生态这类词要清楚分层
- 标题应克制但有技术信誉
版式规则 / Layout Rules
- 首屏先讲平台能力和可信度
- 文档、生态、产品模块要邻接出现
- 案例和 benchmark 要像证据而不是装饰
图片处理 / Image Treatment
- 产品界面、代码片段和生态标识都可做视觉证据
- 少用纯情绪 hero 图
- 截图必须清楚解释平台能力
交互节奏 / Motion
- 动效要服务状态和性能感
- 避免娱乐化过场
- 更像稳定系统而不是活动页
AI Prompt / AI Prompt
复制后直接粘贴给 Cursor / Claude / Paste directly into Cursor / Claude
请参考开发者平台(Developer Infrastructure Aura)风格建站:
视觉特征:近黑平台感 / 性能可信 / 文档邻接 / 代码感克制
适合场景:云平台 / 开发者工具 / API 平台
不适合:生活方式品牌 / 慢内容站 / 工艺自然首页
推荐页面组织:工作台型 / Workbench / Tool Shell / 专题长文型 / Dossier / Feature
历史来源:包豪斯 / Bauhaus / 瑞士风格 / Swiss Style / 极简主义 / Minimalism
参考网站:Vercel: https://vercel.com/ / Stripe: https://stripe.com/ / Linear: https://linear.app/
配色系统:近黑或冷白都可以 / 重点用少量高对比色建立可信感 / 不要用廉价渐变把平台感做薄
排版系统:无衬线为主 / 代码、性能、生态这类词要清楚分层 / 标题应克制但有技术信誉
版式规则:首屏先讲平台能力和可信度 / 文档、生态、产品模块要邻接出现 / 案例和 benchmark 要像证据而不是装饰
图片处理:产品界面、代码片段和生态标识都可做视觉证据 / 少用纯情绪 hero 图 / 截图必须清楚解释平台能力
风格要求:Use a developer infrastructure family: dark or near-black platform atmosphere, crisp product trust signals, code-neighboring layout, performance language, ecosystem proof, and documentation adjacency without turning into generic SaaS marketing.
历史来源 / Historical Roots
这部分放在最后看,用来补背景,而不是先决定风格。 / Use this section to add background after the direction is already clear.
1919-1933
包豪斯 (Bauhaus)
功能、工业和几何秩序优先。它把形式服从用途这件事系统化。
1950s-1970s
瑞士风格 (Swiss Style)
网格、对齐、无衬线、秩序感。它是今天大量知识型、设计型、档案型网页的基础语法之一。
1960s-1970s
极简主义 (Minimalism)
把形式削减到最少元素,让结构、比例与重复本身发声。