Atelier Deux-Cé 网站预览
Atelier Deux-Cé 网站预览

Atelier Deux-Cé

白色基底、大幅图像展示与摄影展示。

页面以白色为基底,搭配近黑色文字。字体采用 Helvetica、minion-3。视觉特点包括大幅图像展示、摄影展示、分屏构图、网格布局。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 每个主要屏幕都由满幅摄影驱动;文字和界面附属元素是说明,而非主体。
  • 分区通过暖中性色阶Canvas White → Warm Linen → Pale Sage → Driftwood → Olive Stone叠放,在没有阴影的情况下建立节奏。
  • 两种字体家族刻意对比使用,Helvetica用于功能UI和元数据,minion-3用于编辑式正文段落和书页般时刻。
  • 两种字体家族的正文都采用0.02em letter-spacing,导航、标签和全大写标签采用0.04em;略微正字间距是系统安静的标志性特征。
  • 所有组件圆角保持0px;设计是印刷式平面,而非抬升卡片。
  • Garden Green(#259558)只用于页脚,不要在其他地方将它作为按钮、链接或强调色。
  • 字体尺度只采用16 / 17 / 20 / 24px;压缩尺度是一种纪律,而非局限。

建议避免

  • 不要添加box-shadow、投影、辉光或渐变叠加层;层级来自颜色与图像,绝非抬升。
  • 除唯一页脚绿色外,不要引入其他饱和颜色;调色板始终为温暖大地色。
  • 卡片、按钮、图像或标签不要使用圆角;0px圆角是不可更改的要求。
  • 不要使用填充、无填充或胶囊按钮;系统没有按钮组件,只有文字链接与页脚横带。
  • 除唯一极简汉堡菜单外,不要使用其他图标;网站由图像引导,而非图标。
  • 文字不要采用负letter-spacing;正0.02–0.04em字间距是定义系统的选择,必须保持宽松。
  • 装饰边框不要粗于1px细线,也绝不要使用中性色阶之外的边框色。