iUSPC by Coinshift 网站预览
iUSPC by Coinshift 网站预览

iUSPC by Coinshift

仿佛午夜交易大厅:冷石板色表面、唯一的余烬色常明引火灯,以及画在黑暗中的网格线。

iUSPC如同一处以近灰度呈现的午夜交易大厅:近黑画布带有淡淡蓝调,平面表面通过细线边框而非阴影区分,唯一的余烬强调色像常明引火灯一样从边缘微微发光。系统通过克制传达机构的分量感,Inter 300–400字重占据主导,全大写且字间距宽松的标签提供唯一的排版标点。色彩限量使用:97%的表面保持冷调与中性,剩余3%采用温暖红橘色,仅用于氛围辉光、聚焦状态和实时信号圆点。无填充控件取代填充按钮;页面满幅展开,居中的max-width内容块之间留出宽松的纵向呼吸空间。首屏背景中可见的网格线传达金融工具的气质,精确、审慎且具有建筑感。

查看原始网站

使用规范

建议采用

  • 所有按钮、徽章和状态胶囊都采用9999px圆角;胶囊几何是这个系统的控件形状。
  • 所有细线边框都采用Cloud Gray(#e5e7eb)和1px宽度;边框本身就定义表面,无需阴影。
  • 标题中的Inter保持300–400字重;500–600字重只留给导航、标签和交互文字。
  • 采用双色标题模式:第一行Frost White,第二行Slate Mist,字号相同;绝不要以加粗区分两行。
  • 10–12px的全大写眉题标签使用0.200–0.300em的letter-spacing;分区通过这种方式宣告自身。
  • 满幅深色分区内的内容以1200px max-width居中,让Abyss画布在内容列周围保留呼吸空间。
  • Ember Glow(#fa3812)只用于营造环境暖意,例如渐变、辉光和Live光晕,以及唯一的实时状态圆点;绝不要作为填充按钮背景。

建议避免

  • 不要给卡片或面板添加投影;系统通过边框而非抬升定义表面。
  • 不要引入新的彩色;调色板97%为中性色,任何新色相都会破坏机构式气质。
  • 不要使用彩色填充按钮;所有主要操作均采用无填充或描边样式,并使用Steel Border。
  • 不要使用粗体(700+字重)或超粗字重;Inter最高为600,而且很少使用。
  • 不要将Ember强调色用于大面积填充、背景或按钮主体;只将其保留为低不透明度辉光或微小点缀。
  • 卡片圆角不要超过8px;大圆角卡片会显得像消费级应用,而非机构产品。
  • 不要添加摄影或插画;系统只通过文字、负空间和网格线传达信息。