Neon

为现代应用提供的高性能引擎室。

以暗色模式为主导，使用功能性绿色作为技术高光点缀。

geometric-sans · monospace

• display72px · 500
• body16px · 400
• mono14px · 400

使用 Geist Mono 用于技术标签与代码片段，以保持面向开发者的美学风格。 · 使用 Inter 用于主要正文内容，确保高可读性与清晰的界面。

垂直间距默认较紧凑，使用 12px 和 16px 作为元素间的标准间距。

极简且细腻，使用 1px 的 rgba(255, 255, 255, 0.1) 线条来定义卡片与区块。

0px 8px 20px rgba(0, 0, 0, 0.4)

全宽暗色区块，采用居中的12栏网格进行内容分布。

细腻的背景渐变与垂直线条，暗示高速数据传输。

文本与背景上的细腻颜色过渡，通常使用 0.2s cubic-bezier 缓动。 · 通过不透明度变化或轻微背景位移提供即时视觉反馈。

• button 胶囊形，主操作按钮为白底黑字；次级操作按钮为描边胶囊形。
• card 透明背景搭配细微边框，用于功能描述与对比。
• chip 小型等宽字体文字标签，带有细微边框，用于显示如「EARLY ACCESS」之类的状体。
• input 流畅、暗色主题的输入框，带有细微边框与清晰的占位文本。
• hero 大规模排版，叠加在动态的垂直线条视觉效果上，暗示数据或信号流。

• 语气 权威、技术化、面向开发者。
• 标题风格 粗体、直接、价值驱动，强调速度与后端能力。
• 按钮文案 简洁且行动导向，例如「开始使用」和「阅读文档」。

• 不要使用明亮的原色按钮——截图显示应使用白色胶囊形按钮。
• 不要在标题中使用衬线字体——截图显示应使用简洁的几何无衬线字体。
• 不要在所有卡片上使用浓重的阴影——截图显示大多数元素阴影极简或没有阴影。
• 不要使用杂乱的导航栏——截图显示应为清晰的单级菜单，标签明确。
• 不要使用高饱和度背景——截图显示应为暗色、低饱和度的主视觉背景。
• 不要使用装饰性边框或复杂图案——截图显示应为简单的1px实线边框。
• 避免: 避免使用过于俏皮的语言或随意俚语。
• 避免: 避免使用分散技术信息传达的装饰性或不必要的动画。
• 避免: 避免使用与暗色模式美学冲突的明亮、非品牌色彩。

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