Spline

近黑色基底、网格布局与宽松留白。
页面以近黑色为基底,搭配白色文字。局部操作控件以蓝色强调。字体采用 Spline Sans、Spline Sans Mono。视觉特点包括网格布局、宽松留白。适合参考的场景:产品介绍页、品牌展示页。
查看原始网站使用规范
建议采用
- 使用Void Black(#000000)作为通用背景。绝不使用实心灰度。
- 通过半透明白色叠加层(例如,rgba(255,255,255,0.08))实现深度与层级感,而非阴影。
- 将生动的Spline 蓝色(#0062ff)专用于主要行动号召按钮。
- 大面板/卡片使用24px半径,按钮使用12px半径。
- 所有UI文本,包括标题,均使用Spline Sans字体,字重为400或500。
- 保持各区块之间充足的空白间距(约96px),让内容得以呼吸。
- 任何图像或插画元素都应搭配核心强调色板(霓虹粉、金色球体、紫雾)。
建议避免
- 不要为提升层次使用阴影或盒阴影。
- 不要在UI元素中引入除主要Spline 蓝色之外的任何饱和色。
- 不要使用粗体(700及以上)字重;应依赖尺寸和色彩实现排版层级。
- 不要为任何组件使用完全不透明的灰度背景。
- 不要使用不一致的圆角半径;坚持使用12px/24px/胶囊(胶囊形)系统。
- 不要为按钮或输入框使用实线边框;改用半透明填充。
- 不要在复杂背景图像上直接放置文本,除非有文本保护层或叠加层。