精选 · 开放 · 免费

Trigger.dev

一个面向开发者的暗色平台，用于构建和部署AI智能体与工作流，并提供完全的运行时控制。

devtoolsdark
Trigger.dev 网站截图
↓ 下载设计系统包 (14 MB)在 OpenDesign 中打开

原站: https://trigger.dev

📦 浏览包内文件 →

01

设计气质 DNA

开发者AI自动化运行时TypeScript

适用于AI工作流的工业级电源插座

02

色彩

#BFFF00Accent
#D7D9DDInk
#878C99Ink soft
#121317BG
#1C1E21BG soft
#15171ABG quiet
rgba(59, 62, 69, 1)Line

采用深邃的暗色表面，搭配高对比度的中性文字，并使用单一的霓虹绿作为主要操作的强调色。

03

字体

geometric-sans · humanist-sans · monospace

对于大型展示标题使用几何无衬线字体。 · 对于行内代码引用和终端界面元素使用等宽字体。

04

间距

4px
8px
12px
16px
24px
32px
48px
64px
96px

统一的4px网格，为大型容器元素提供充足的内边距。

05

表面 (圆角 / 阴影 / 边线)

sm · 4px
md · 6px
lg · 12px
pill · 9999px

1px solid rgba(59, 62, 69, 1)

0 1px 2px 0 rgba(0, 0, 0, 0.05)

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

标准居中布局，包含一个突出的全宽英雄区域，随后是基于网格的功能区域。

07

动效与交互

150msmicro
200mssmall
300msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

交互元素上标准的颜色和背景色过渡。 · hover状态下微妙的透明度和变换变化。

元素在hover时颜色或背景色发生微妙变化，持续时间为0.15秒至0.3秒。 · 最小化的反馈，主要依赖颜色过渡来指示状态变化。

08

组件

09

文案语气与禁用清单

10

包内真实截图

Trigger.dev — 桌面首屏（hero）
桌面首屏（hero）
Trigger.dev — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Trigger.dev — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Trigger.dev — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Trigger.dev — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Trigger.dev — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Trigger.dev — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Trigger.dev — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Trigger.dev — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Trigger.dev — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Trigger.dev — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Trigger.dev — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Trigger.dev — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Trigger.dev — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Trigger.dev — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Trigger.dev — 移动首屏
移动首屏

抓自真实页面 · 真 computed styles

11

System Prompt

这是一个面向开发者的AI平台，具有暗色的工业美学。设计基因围绕深炭灰色背景（#121317）、高对比度中性文字（#D7D9DD）以及单一高饱和霓虹绿（#BFFF00）作为主要行动号召的强调色。字体是几何和人文无衬线字体的简洁组合，用于标题和正文，并使用等宽字体表示技术引用。布局居中且宽敞，采用统一的4px间距网格。关键禁忌：切勿使用浅色模式色板，切勿使用装饰性字体，切勿使用厚重的投影或多色彩强调色，以免分散对产品技术性、专注性的注意力。系统应始终保持专业、权威和技术的基调。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko