BlueYard Capital 网站预览
BlueYard Capital 网站预览

BlueYard Capital

白色基底、大字排版与细线分隔。

页面以白色为基底,搭配深灰色文字。字体采用 Instrument Sans。视觉特点包括大字排版、细线分隔、居中构图、网格布局。适合参考的场景:支付服务首页、金融科技产品介绍页。

查看原始网站

使用规范

建议采用

  • 97%+ 的文字与边框保持 #3a3a3,让暖近黑承载整个界面。
  • 三种彩色调 #ffcf9、#babfff、#e3a2ef 只用于卡片背景或 1px 细线边框,绝不用在文字或图标上。
  • 所有圆角都设为 0px;卡片、按钮、标签和导航共用尖角。
  • Instrument Sans 字重 500 留给导航标签和文字标志;其他文字都用 400,包括 54px 展示标题。
  • 54px 展示字号应用 -1.62px 字间距,小字号按比例收紧,绝不使用正字间距。
  • 每个区块上下各留 90px 垂直呼吸空间,让白画布承担层级表达。
  • 让一幅 3D 或摄影艺术作品占据首屏下半部,满幅、无图注、超出画面。

建议避免

  • 不要引入阴影、光晕或浮起表面;系统刻意平面,由边框驱动。
  • 任何元素都不要圆角,包括按钮、卡片和标签;0px 圆角是标志。
  • 彩色不要作为按钮背景或文字颜色;桃色、薰衣草色和粉色只属于卡片。
  • 不要添加明显的品牌色主要行动按钮;系统改用 #3a3a3 边框上的白色填充幽灵按钮。
  • 任何地方都不要使用正字间距;系统字间距紧密,尤其展示字号。
  • 卡片或图片下不要使用投影,依靠留白和细线分隔层次。
  • 界面组件不要添加装饰渐变;渐变只留给首屏氛围色层。