Novu

一个开发者优先的通知指挥中心，将精致的暗色美学与简洁、技术感的界面融为一体。

以青色为点缀的高对比度深色模式基础，依赖深蓝和灰色构建深度与层次感。

geometric-sans · monospace

• display64px · 500
• body16px · 400

基于4px的网格，保持垂直间距一致。

1px solid rgba(255,255,255,0.1)

0 0 100px rgba(0, 213, 255, 0.15)

居中的英雄区段，后接多列功能网格和复杂的重叠UI演示。

平滑的背景过渡 · 悬停颜色变化 · 交互元素的变换缩放

导航和按钮上的细微颜色变化或背景改变。 · 交互元素上的缩放变换。

• button 胶囊形实心主按钮（白底黑字）和描边次按钮。
• card 深色主题卡片，带有细微边框和柔和的径向渐变以增加深度。
• chip 小型胶囊形徽章，使用实色背景显示计数（例如，黄色/橙色的'18'）。
• input 深色主题输入框，带有细微边框。
• hero 超大居中文字排版，搭配重叠的浮动界面组件。

• 语气 技术性、自信、面向开发者。
• 标题风格 直接且有力，常融入类代码语法（例如：'<Inbox />'）。
• 按钮文案 清晰、大写、行动导向的文本（例如：'START FOR FREE'）。

• 不要使用浅色背景——截图显示的是深色模式基础（#111018）。
• 不要使用装饰性衬线字体——截图显示的是简洁的几何无衬线字体。
• 不要在标题中避免使用代码语法——截图显示'<Inbox />'在英雄区被显著使用。
• 不要使用暗淡、低对比度的颜色——截图显示在深色背景上使用高对比度的白色文字和明亮的青色点缀。
• 不要到处使用复杂的、多彩的渐变——截图显示使用了微妙的深色径向渐变来营造深度。
• 不要使用尖锐、方正的圆角——截图显示广泛使用了胶囊形（9999px）和12px圆角。
• 避免: 填充词
• 避免: 营销术语
• 避免: 装饰性隐喻
• 避免: 过于复杂的句子

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