01
设计气质 DNA
AI原生云推理研究基础设施
一个为AI构建者打造的、洁净且充满技术感的实验室。
02
色彩
#000000Ink#F6FAFDBGrgba(0,0,0,0.04)Line在非常浅、冷色调的蓝色渐变背景上，使用高对比度的黑色文本。
03
字体
- display
56px · 500 - display-sm
40px · 500 - body
16px · 400 - caption
11px · 500
标题使用'The Future'，一款人文无衬线字体。 · 正文使用'The Future'。 · 技术标签和按钮使用'PP Neue Montreal Mono'，一款几何等宽字体。 · 按钮和标签使用大写字母，并带有宽松的字间距。
04
间距
4px8px12px16px20px24px32px40px48px64px88px标准4px基础网格，为大型版块提供宽松的间距。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 16px
pill · 999px
使用rgba(0,0,0,0.04)的微妙1px边框。
rgba(1, 1, 32, 0.1) 0px 4px 10px 0px · rgba(1, 1, 32, 0.1) -10px 0px 75px 0px
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
居中的单栏布局，具有宽边距和全宽渐变背景。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.215, 0.61, 0.355, 1)easing
hover时平滑的background-color和opacity过渡。 · 交互元素上的微妙transform效果。
背景色变化或微妙的transform。 · 标准的按压效果。
08
组件
- button 实心黑色主按钮，配白色等宽文本；白色或透明次按钮，配黑色边框。
- card 大型图片卡片，带有深色渐变覆盖层以承载文本，并采用圆角设计。
- chip 小型大写等宽标签，带有微妙边框和圆角。
- input 洁净、极简的输入框，带有微妙边框。
- hero 大型分割布局，左侧为加粗标题，右侧为3D插图。
09
文案语气与禁用清单
- 语气 自信、技术化且权威。
- 标题风格 简短、有力且富有抱负，通常使用加粗排版。
- 按钮文案 直接且以行动为导向，使用大写等宽文本。
- 不要使用多种高饱和度的强调色——调色板严格限定为黑色、白色和浅蓝色渐变。
- 不要使用衬线字体——整个网站使用无衬线字体和等宽字体类别。
- 不要为大型按钮使用圆润的药丸形状——它们使用小的4px圆角。
- 不要使用浓重的投影——阴影非常微妙，并使用低透明度的深蓝色。
- 不要使用明亮、饱和的背景色——背景是非常浅、低饱和度的蓝色。
- 不要为主标题使用居中文本——主要采用左对齐。
- 避免: 模糊的营销术语。
- 避免: 过于复杂的句子。
- 避免: 杂乱或嘈杂的布局。
10
包内真实截图
11
System Prompt
Together AI 是一个面向开发者的AI基础设施平台。设计洁净、专业且技术导向。调色板极其克制，以浅色、冷色调的蓝色渐变背景（#F6FAFD）、纯黑墨色（#000000）和白色为特色。排版方面，标题和正文使用人文无衬线字体，技术标签和按钮使用几何等宽字体。布局宽敞，具有居中的容器和充足的内边距。交互流畅，过渡微妙。关键禁忌：不要使用高饱和度的强调色，因为调色板严格限定为黑白配浅蓝色渐变。不要使用衬线字体，因为设计严格采用无衬线和等宽字体。不要使用浓重的阴影或复杂的纹理，因为美学风格是洁净极简的。按钮和技术标签始终使用大写等宽字体。