Neon

近黑色基底、胶囊形控件与分屏构图。
页面以近黑色为基底,搭配白色文字。字体采用 Inter、GeistMono。视觉特点包括胶囊形控件、分屏构图、居中构图、网格布局。适合参考的场景:产品介绍页、品牌展示页。
查看原始网站使用规范
建议采用
- 所有主区块背景使用纯黑(#000000)
- 仅将霓虹光晕(#34d59a)用于交互高亮、数据可视化和小型装饰性强调部分
- 所有主要行动号召均使用白底胶囊按钮(#ffffff)
- 所有代码片段、终端模拟和紧凑UI标签均使用GeistMono
- 所有48px及以上标题均采用紧密的负字间距(-1.2px或更大)
- 通过分层近黑色表面(例如#151617置于#000000上)来实现深度,而非使用盒阴影
- 保持形状上的严格二元性:按钮为9999px半径,其他所有容器为4px
建议避免
- 不要在主页面区块上使用渐变或背景色
- 不要为提升层级使用传统盒阴影
- 不要将霓虹光晕(#34d59a)用于正文或标题
- 不要使用除主要品牌绿色和偶尔的红色警报强调外的饱和色
- 不要在同一个句子或标题中混合使用Inter和GeistMono
- 不要在卡片、代码块或输入框上使用大于4px的圆角
- 不要创建非胶囊形的按钮