01
设计气质 DNA
前沿AI开发者超级集群分析推理
一套用于构建前沿AI应用的精致、极简工具包。
02
色彩
#F97316Accent#0A0A0AInk#0A0A0A80Ink soft#F9F8F6BG#FFFFFFBG soft#7D8187Mutedrgba(213, 217, 226, 1)Line温暖、米白色的画布，搭配深炭色墨迹和单一亮橙色点缀。
03
字体
- display
56px · 500 - headline-lg
48px · 500 - headline-sm
32px · 500 - body
16px · 400 - caption
12px · 400
标题和主标字体采用紧凑的负字间距 · 正文文本保持1.5倍行高以确保可读性 · 等宽字体严格用于代码片段和状态指示器
04
间距
4px8px12px16px20px24px32px40px48px64px96px充裕的留白以强调清晰度和层次感。
05
表面 (圆角 / 阴影 / 边线)
sm · 6px
md · 12px
lg · 16px
pill · 9999px
1px solid rgb(213, 217, 226)
rgba(0, 0, 0, 0.1) 0px 20px 25px -5px · rgba(0, 0, 0, 0.1) 0px 8px 10px -6px · rgba(10, 10, 10, 0.15) 0px 0px 0px 1px
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
居中的单列主视觉区，引出多列功能区和动态网格。
07
动效与交互
90msmicro
150mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
hover时平滑的颜色和背景过渡 · 用于强调的细微缩放和透明度变换
细微的颜色或背景色变化，通常伴随指针光标。 · 通过状态变化或微动画实现即时视觉反馈。
08
组件
- button 药丸形和矩形按钮；主按钮为实心黑色，次级按钮为描边或幽灵样式。
- card 带有细微阴影的简单平面，用于新闻条目和模拟界面。
- chip 小型药丸形徽章，例如带有橙色文本和边框的'New'指示器。
- input 简洁、无边框或带细微边框的文本框，用于模拟界面。
- hero 一个大型居中布局，包含超大字号标题、简短副标题和双行动号召按钮。
09
文案语气与禁用清单
- 语气 权威、精准且富有前瞻性。
- 标题风格 简短、有力的陈述，强调规模和能力。
- 按钮文案 直接、行动导向的短语，例如'获取API访问'和'免费试用'。
- 不要使用鲜艳或霓虹点缀色——截图显示为温暖米白色背景配单一橙色点缀
- 不要使用装饰性或花体字体——截图显示仅使用简洁的无衬线字体和等宽字体
- 不要使用厚重的投影——截图显示为非常细微、低透明度的阴影
- 不要使用杂乱或拥挤的布局——截图显示为充裕的留白和清晰的层次
- 不要使用深色模式主题——截图显示为以温暖的浅色调为主
- 不要对所有元素使用圆角——截图显示为药丸形和直角组件的混合
- 避免: 术语堆砌
- 避免: 被动语态
- 避免: 空洞的炒作
- 避免: 俏皮风格
- 避免: 轻浮随意
10
包内真实截图
11
System Prompt
本站是一个面向开发者的高端AI平台，其特点是简洁、极简的美学和温暖的米白色配色方案。主要颜色是近黑色的墨迹（#0A0A0A）搭配温暖的背景色（#F9F8F6），并辅以单一的亮橙色（#F97316）作为强调色。字体依赖于简洁的无衬线和等宽字体类别，标题文字采用紧凑的字间距。关键约束包括：避免深色模式、抵制用不必要的颜色或阴影过度装饰的冲动，以及保持定义布局的充裕留白。文案风格权威且精准，聚焦于规模和能力。