Tech Barcelona 网站预览
Tech Barcelona 网站预览

Tech Barcelona

白色基底、大字排版与紧密字距。

页面以白色为基底,搭配近黑色文字。字体采用 FavoritPro-Light。视觉特点包括大字排版、紧密字距、细线分隔、宽松留白。适合参考的场景:摄影作品集、视觉内容展示页。

查看原始网站

使用规范

建议采用

  • 在所有尺寸和字重上使用 FavoritPro 400 —— 不引入粗体或中等字重;层级由尺寸本身决定
  • 仅将 #0075ff 用于填充的主行动按钮——绝不作为背景表面、图标填充或装饰性点缀
  • 在50px及以上字号时,将标题字间距设为 -0.045em,以压缩显示文字,形成自信而紧凑的视觉群体
  • 所有组件(按钮、卡片、输入框和图片)均使用0px圆角——保持锐利的边角以维持编辑风格的纪律
  • 主要内容区块之间至少保持50px的垂直间距,以让大字号文字得以呼吸
  • 仅在大写标签和追踪外的元数据中使用 +0.08em 和 +0.09em 字间距,绝不可用于句子式正文文本
  • 让深色首屏区域(#000000)每页仅出现一次;后续所有部分应转为白色(#ffffff)画布

建议避免

  • 禁止使用阴影或层叠效果——系统刻意保持扁平,仅使用细线边框
  • 禁止引入额外色彩——钴蓝/蓝色是唯一的强调色,其力量依赖于唯一性
  • 禁止使用粗体(600及以上)或中粗字重——整个界面始终以400字重发声,更重的字重会破坏其语气
  • 禁止对任何元素添加圆角(border-radius)——方正的几何结构是承载核心的
  • 禁止在任何表面添加渐变、纹理或背景图案——每个表面均为纯色实底
  • 禁止将 #ffffff 作为行动按钮的填充背景——唯一的填充行动色是 #0075ff;其余均为透明描边或文字链接
  • 禁止在显示尺寸下行高压缩至1.0以下——字间距的紧缩与几何字形的结合已形成视觉密度