Together AI

冰川纸上的研究控制台

Together AI 以科研级控制台的视觉呈现效果出现在冰川白底纸上：采用白底上鲜明的黑色排版，近乎没有界面外围元素，以及柔和色调的数据卡片（粉红、桃色、天空蓝、薄荷绿），如同彩色便签纸般点缀在整体单色页面上。唯一的深色条带——近乎黑色的藏青色科研区域——形成强烈对比，赋予系统视觉张力并传达出工作深度。层级关系通过字体粗细和尺寸变化构建，而非依赖色彩变化；长春花淡紫色点缀（#bdbbff）以细小的短划线和下划线形式出现，标记当前激活状态。柔和的背景色具有功能性，不仅用于装饰：它们用于标识不同指标类别。组件采用锐角（4px）、低抬升效果、并依赖等宽字体家族，营造出实验室笔记本的质感

查看原始网站

使用规范

建议采用

将正文和标题文字设为 The Future，大字号时采用激进的负字间距（-0.03em 在 64px，-0.02em 在 40px）
所有标签、徽章、按钮文字和技术元数据均使用等宽字体（PP Neue Montreal Mono）——等宽字体的语调是系统研究可信度的信号
所有卡片、按钮、徽章和输入控件的圆角均设为 4px——锐角是其核心特征
每页最多仅设置一条深色条带，使用 #010120（近黑色藏青色，非纯黑）以实现刻意的反色效果
将柔和色调的卡片背景（#c1dff9、#fde3f6、#ffdccd、#c8f6f9）作为分类编码填充，而非装饰——每种柔和色调应标识一个独立的指标或主题
将 #bdbbff 淡紫用于小规模UI强调：活跃状态指示、分节划线、下划线——绝不作为表面填充或大面积块使用
仅保留粘性导航栏带有阴影；使用藏青色调水平光晕 rgba(1,1,32,0.1) -10px 0px 75px 0px

建议避免

不要在卡片、按钮或区块上添加阴影——系统设计为平面风格
不要在纯黑表面使用纯白文字——应使用 #ffffff 在 #010120 上，使深色条带呈现品牌调色，而非通用深色模式
不要为可信来源或合作伙伴标志上色——保持其为去饱和的 #4d4d4d，以免与柔和的统计卡片产生视觉冲突
不要在标准UI中将圆角超过 4px；大圆角（8px、16px）会破坏锐利、编辑性的整体感觉
不要在浅色表面用颜色表示层级——应使用字体粗细（400 与 500）和尺寸，匹配标题模式：一条粗体行加一条较轻的延续行
不要在UI组件中使用渐变；渐变仅用于首屏3D插画
不要随意混用两种字体家族——等宽字体用于标签/徽章/按钮，无衬线字体用于正文和标题

新用户可任选一个模板免费领取，解锁全文与下载。

# Together AI — Style Reference
> Research console on glacier paper
 
**Theme:** mixed
 
Source measurements are normalized; roles and recommendations are interpreted. Font summary lists are independent, not paired by position. HTML examples are reconstructions, not source components.
 
Together AI reads as a research-grade console on glacier-white paper: stark black-on-white typography, near-zero chrome, and pastel data cards (blush, peach, sky, mint) that act as colored sticky-notes on an otherwise monochrome page. The single dark band — a near-black navy research section — is the dramatic inversion that gives the system its contrast and signals depth-of-work. Hierarchy is built through type weight and scale rather than color, and a thin periwinkle accent (#bdbbff) appears as small dashes and underlines to mark active states. Pastel backgrounds are decorative, not decorative-only: they tag metric categories. Components are sharp-cornered (4px), low-elevation, and rely on the monospace label family to feel like a lab notebook.

当前仅展示前 8 行

把这份设计语言带进项目

购买后可查看、复制完整规范，并下载包含 DESIGN.md、Tailwind、CSS、设计 Token 与 Agent 说明的 ZIP。

Together AI

使用规范

建议采用

建议避免

相似设计语言

OpenServ

Generative AI

V7labs

Copy

Midjourney

Hume AI