Railway 网站预览
Railway 网站预览

Railway

近黑色基底、衬线字形与大字排版。

页面以近黑色为基底,搭配近白色文字。字体采用 IBM Plex Serif、Inter。视觉特点包括衬线字形、大字排版、居中构图、网格布局。适合参考的场景:专题展示页、项目介绍页。

查看原始网站

使用规范

建议采用

  • 在所有展示层级的标题中,专一使用IBM Plex Serif,以营造优雅、文学化的氛围。
  • 依赖表面色彩变化(`Deep Space` 页面,`Surface` 卡片)和 1px `Crater` 边框来实现层级感。
  • 将 `Cosmic Lilac` 颜色保留用于主要操作和高价值的调用行动。
  • 在首屏区块中采用富有氛围、绘画风格的插图,以确立整体基调。
  • 保持内容区块之间的垂直间距(96px以上),营造出平稳、宽敞的节奏感。
  • 在关键容器卡片(如用户评价)的背景中使用细微的网格图案。
  • 确保所有交互元素都有明确的聚焦状态,通常使用 `Supernova`(#a05fcf)作为高亮边框或环形效果。

建议避免

  • 不要使用传统阴影。该系统的深度来自色彩和边框。
  • 不要在正文、按钮或任何UI控件中使用衬线字体。
  • 不要在大段文字中使用品牌紫色。
  • 不要让布局显得拥挤或仓促。优先保证留白空间。
  • 不要在定义的紫色强调色和语义色系之外使用明亮、饱和的颜色。
  • 不要使用摄影,尤其是生活方式类照片。视觉语言是表现性的、以产品为中心的。
  • 不要创建具有锐角的按钮或卡片;统一采用已确立的`8px`和`12px`圆角。