CLOU architects 网站预览
CLOU architects 网站预览

CLOU architects

白色基底、大幅摄影展示与居中构图。

页面以白色为基底。字体采用 Circular Std。视觉特点包括大幅摄影展示、居中构图。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 所有页面背景都采用#fffffc,所有文字、边框和图标都采用#000000;系统严格只有两种颜色。
  • 展示标题设为109px+,letter-spacing介于-0.03em至-0.07em,行高0.80–1.00,以匹配建筑式排版的态度。
  • 正文和展示文字都采用400字重;700只保留给标志和强强调。
  • 照片满幅铺开,不设边框、圆角或背景卡片;所有组件的圆角必须为0。
  • 主要分区之间保持84px纵向节奏,行内元素间距为17–25px。
  • 展示陈述以句号结束,形成宣告式、完整的语气,例如“We do social space.”。
  • 任何可点击操作都采用描边按钮,即#fffffc填充上的1px #000000边框;绝不要添加黑色填充按钮。

建议避免

  • 绝不要在界面中引入第三种颜色;所有彩色内容都必须来自项目摄影。
  • 背景不要使用纯#ffffff;#fffffc的细微暖意就是整个氛围。
  • 任何元素都不要采用border-radius;系统严格保持正交直角。
  • 不要通过降低黑色不透明度制造灰色调;使用真正的黑色,否则就不要使用该颜色。
  • 展示标题不要小于109px;50–90px的次展示字号会破坏编辑式尺度。
  • 除偶尔使用1px实心边框外,不要添加投影;设计平面,而非抬升。
  • 正文或展示文字不要采用全大写;句首大写加结尾句号是系统语气。