entire studios 网站预览
entire studios 网站预览

entire studios

近白色基底、大幅摄影展示与等宽文字标注。

页面以近白色为基底。字体采用 Space Mono。视觉特点包括大幅摄影展示、等宽文字标注。适合参考的场景:商品详情页、品牌产品介绍页。

查看原始网站

使用规范

建议采用

  • 页面底布仅使用 #e7ecea —— 从不替代冷灰 (#f5f5f5, #fafafa) 颜色,否则系统将显得像 SaaS 模板。
  • 仅使用 Space Mono 400 字重,字号为 12px 或 16px —— 不使用粗体变体,不使用斜体,不使用第二套字体,字号超出此两档范围均不可用。
  • 让影像从边缘到边缘延伸,半径为 0px —— 全幅摄影是主要内容表面,而非被框定的卡片。
  • 所有内边距值均源自 6px 基础值:6、12、16、18、20 —— 从不引入 24、32、40px,否则会破坏紧凑节奏。
  • 公告栏置于导航栏上方,作为永久性的黑色铬色 (#000000 背景,#ffffff 文字),而非可关闭的饼干式横幅。
  • 在联合品牌标识中,将 Adidas 标志与 'entire studios' 在 16px Space Mono 中以 1px 垂直细线分隔——从不将其置于卡片或版面内。
  • 根据底层表面亮度切换文字颜色(#000000 或 #ffffff),而非根据主题切换——网站是一个连续的温暖光感世界,摄影上使用反色文字。

建议避免

  • 不引入任何色彩——不使用红色、蓝色、绿色,不设强调色系。0% 色彩饱和度是其身份。
  • 不引入超出 12px 和 16px 的字体大小——不使用 18px、24px、48px 的标题,不设展示字号。层级来自空间关系,而非字体。
  • 不为卡片、按钮、图片或标签添加圆角——所有边缘均为锐利的 0px。曲线会背离编辑类/杂志的意图。
  • 不添加阴影、渐变或发光效果。通过切换为全幅摄影实现立体感,而非通过投影阴影。
  • 不将影像置于圆角卡片、装饰边框或背景板中——照片直接裸露在底布画布上。
  • 不要使用粗体或半粗体,Space Mono 400是唯一字重。强调来自大写+12px说明文字的处理,而非字重变化。
  • 不为正文或标题引入第二套字体——Space Mono 是系统声音;搭配人文无衬线字体会削弱其技术编辑气质。