Trigger.dev

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

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

geometric-sans · humanist-sans · monospace

• display56px · 500
• heading-230px · 500
• body16px · 400
• caption14px · 400

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

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

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

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

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

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

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

• button 主要按钮使用高饱和霓虹绿背景搭配黑色文字，略带圆角（4px），并配以深色文字。
• card 卡片具有微妙边框和深色背景，通常包含带有明确标题和描述的功能列表。
• chip 小型、圆润（药丸形）的徽章，采用深色背景和微妙边框，用于功能标签。
• input 暗色主题的输入框，具有微妙边框和圆角。
• hero 一个全宽、深色背景的区域，配有大号、加粗的白色标题和高对比度的行动号召按钮。

• 语气 技术性、权威且直截了当。
• 标题风格 大胆、陈述性、以收益为导向。
• 按钮文案 行动导向且直接，通常使用高对比度按钮。

• 不要使用明亮、饱和的多彩色板——截图显示的是以深色、近单色背景为主，强调色非常有限。
• 不要使用装饰性或手写体排版——截图显示所有文本均采用简洁的几何和人文无衬线字体。
• 不要在卡片或容器上使用大而复杂的边框圆角值——截图显示圆角大多在4px到12px之间。
• 不要使用厚重的投影或发光效果来营造层次感——截图显示阴影非常微妙，几乎不存在。
• 不要使用浅色模式的配色方案——截图显示的是深邃、低亮度的界面。
• 不要在正文中使用居中的多栏布局——截图显示在大多数非英雄区域中，文本均为左对齐。
• 避免: 过于随意或俏皮的语言。
• 避免: 没有技术实质的营销术语。
• 避免: 模糊或含糊的功能描述。

历史提取与模型分析 · 尚未逐项校验