Inngest

温暖黑色的观测站——安静、仪器级,仅由一盏琥珀色指示灯照明
Inngest 以昏暗、温暖色调的指挥中心风格运作:近黑色画布带有淡淡的赭石底色,采用细线边框而非阴影,几何图形如电路板碎片般散落在负空间中。排版承担主要角色——采用人本无衬线字体(CircularXX)字重300/400,使界面保持对话感;同时搭配显示字体(Whyte)字重300,字间距极端缩小(负字间距),以低语式而非呐喊式呈现标题。唯一的色彩强调是柔和的金色(#cab16a);绿色、红色和金色仅作为装饰性点缀出现在浮动的几何图形中,从不用于功能性UI。界面表面通过四个温暖调色的灰度层级(#0c0a09 → #1c1917 → #292524 → #44403c)叠加,使卡片和提升面板呈现亮度变化,而非色彩变化。
查看原始网站使用规范
建议采用
- 所有主要操作的填充必须使用 Pilot Gold(#cab16a)——它是功能性UI元素中唯一被允许使用的色彩
- 首屏标题设置为 72px 字体大小,Whyte 字重 300,字间距 -0.056em;这种低语式显示字体是该站点的标志性声音
- 通过温暖灰层级(#0c0a09 → #1c1917 → #292524 → #44403c)叠加表面层,以创造深度,同时不引入任何色彩变化
- 所有按钮、徽章和标签的圆角半径统一设置为 9999px,以保持胶囊形的一致性
- 正文文本设置为 16px 字体大小,CircularXX 字重 400,字间距 -0.019em;可读内容不得低于 14px
- 将浮动的几何图形(三角形、四分之一圆)以金色、绿色和红色呈现作为背景氛围——它们仅为装饰,不具信息性
- 主要区块之间需保持 80-120px 的垂直间距,以维持观测站的开阔感
建议避免
- 按钮、徽章或状态指示器中禁止使用绿色(#89b482)或红色(#ea6962)——它们仅为装饰用途,若被重新使用将失去意义
- 标题中禁止使用粗体(700及以上)字重——整个显示系统建立在300字重的克制之上
- 禁止在功能性UI元素中引入超出单个细微导航阴影(rgba(0,0,0,0.05) 0 1px 2px)的投影效果;深度来自表面层级叠加,而非模糊处理
- 禁止使用纯黑色(#000000)作为背景——#0c0a09 中的温暖底色才是让深色主题显得有光感而非空洞的关键
- 正文文本不得低于14px,或在段落中使用500以上的字重——排版系统旨在实现安静浏览,而非喧嚣展示
- 禁止将文字直接覆盖在装饰性几何图形上——文字与浮动图形之间必须保持至少40px以上的清晰间距
- 禁止在功能性UI元素中添加渐变;配色系统刻意保持扁平,让金色强调色完成色彩表达