Linear
午夜精密仪器
线性设计系统是一个夜幕下的指挥中心，以近乎黑色的底色 (#08090a) 为基础，搭配清晰的白色字体和一抹亮绿色 (#e4f222)，后者如同一个功能齐全的手电筒——小巧、高对比度，且使用频率不高，仅用于指示操作。界面将黑暗视为基础而非主题：文本采用清晰的白色，字间距紧凑 (-0.022em)，字体粗细在 400-510 之间，而非粗体，边框极细 (0.5px)，让几何图形代替阴影来营造视觉效果。组件的设计也十分精巧——6px 和 12px 的圆角半径、8-12px 的紧凑边距，以及几乎完全摒弃的装饰元素——使得产品 UI（任务卡、看板、AI 代理面板）成为这套沉稳系统中唯一的视觉亮点。
页面布局最大宽度约为 1200 像素，居中显示，深色背景延伸至视口边缘。主要元素是左对齐的大标题（64-72 像素），搭配右对齐的行动号召 (CTA)，其后是一张略微超出最大宽度的大型产品截图。页面布局采用交替式设计，左侧文字右侧图片的双栏布局，以及以 96 像素垂直间距分隔的全宽产品展示条。客户徽标展示条为单行水平布局。页面未使用三栏卡片网格或平铺结构——信息密度较低，大多数部分都留有大量空白，屏幕上只有一个视觉焦点。导航栏为固定顶部栏，包含左对齐的徽标和右对齐的链接，没有侧边栏或大型菜单。
Linear 的视觉语言基于产品截图：页面开头和各章节的插图均取材于 Linear 应用的用户界面，并以最大细节呈现——任务卡、看板、AI 代理仪表盘、命令面板——置于纤细的边框内。不使用任何素材图片、生活方式图片或抽象插图。Logo 以统一大小的中性灰条纹 (#8a8f98) 呈现给用户。图标采用极简的单色灰度线性 SVG 图像。页面顶部的截图悬浮于微妙的线性渐变（由深至浅）之上，无需使用真实景观即可营造出氛围感。每个视觉元素本身都是产品功能的一部分。
调色板
品牌
- Acid Lime
#e4f222— 主要控制按钮和活动导航指示器是醒目的点缀，打破了单色调的配色方案。
中性的
- Mist
#d0d6e0— 二级标题，深色表面上的按钮文字 - Void
#08090a— 页面画布，全宽背景图像 - 默认情况下，所有元素都放置在此背景上。 - Carbon
#0f1011— 卡片表面和导航栏比画布更进一步，用于在卡片内放置内容。 - Obsidian
#161718— 凸起的表面，更深的纸板 - Graphite
#23252a— 细微的边框、分隔线、细微的按钮轮廓——低对比度的纹理边缘 - Smoke
#383b3f— 细边框比石墨分隔线对比度更高。
排版
从 13 像素到 72 像素 · 8 步
- Inter Variable — 替代品： Inter (variable) · 轮廓 300, 400, 510, 590 · 主要用户界面和标题字体 - 用于导航、正文、标题、按钮和卡片。
- Berkeley Mono — 替代品： JetBrains Mono · 轮廓 400 · 代码旁 UI 文本 - 版本标识符 (ENG-2703)、键盘快捷键、等宽字体元数据
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 宽敞 |
| 基本步骤 | 8px |
| 按钮半径 | 6px |
| 卡片半径 | 12px |
| 阴影 | 无边框，取而代之的是阴影 |
| 各部分之间 | 96px |
| 页面宽度 | 1200px |
AI 将按照Linear风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- Aaru — 粒子场天文台午夜
- Atlas Card — 午夜穹顶，只有一道蓝宝石光束，是一片漆黑的广阔空间，唯一重要的就是那深邃的电光蓝。
- Checkly — 深轨道任务控制中心
- Savee — 视觉策展人的黑色画布
- Inngest — 一间昏暗静谧的天文台，配备有操作仪器的设备，仅靠一盏琥珀色的指示灯照明。
- Dala — 悬浮在黑色天鹅绒上的星座
- Origin Financial — 午夜时分，静谧奢华的画廊。一个安静、近乎昏暗的房间，硕大的衬线字体和几块发光的彩色面板营造出一种感觉：金融是一件精心策划的艺术品。
- Hyperstudio — 图案刻在黑曜石上。文字和细线勾勒出纯黑色的白色区域，偶尔出现的金色罗盘标记指示方向。
- Air — 雕塑作品《透过玻璃的午夜天空》
- Resend — 黑色天鹅绒，带有紫色霓虹色
- Raycast — 午夜指挥中心，珊瑚霓虹灯
- Dimension — 黄昏时分，灯光昏暗的工作台面配有磨砂玻璃面板。