Agence K72 网站预览
Agence K72 网站预览

Agence K72

近黑色基底、大幅摄影展示。

页面以近黑色为基底,搭配白色文字。字体采用 Lausanne。视觉特点包括大幅摄影展示。适合参考的场景:创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • #d3fd50只作为手绘笔划或圆环,在展示标题中严格圈住一个词;绝不要作为任何元素的填充、背景或边框。
  • 展示标题采用Lausanne 300、94-137px,行高压至0.70-0.87,使字形叠排,行与行之间几乎接触。
  • 每个交互元素,包括导航链接、按钮和菜单触发控件,都采用9999px border-radius的完整胶囊体育场形,配1px的Paper White边框和透明填充。
  • 页面背景采用Pure Black或满幅深色摄影;绝不要通过卡片、面板或抬升表面将内容分组。
  • 保持二元调色板:Pure Black上的Paper White文字,或Paper White上的Pure Black文字;#4d4d4d是唯一允许的中间中性色,克制地用于弱化元数据。
  • 从11px到137px的所有字号都采用同一Lausanne家族;层级完全由字重跳跃(300与400)和字号跳跃承担。
  • 在巨大文字主导的视口右下角放置14-16px小正文,作为安静的平衡;这种不对称就是构图。

建议避免

  • 不要引入第二种强调色、渐变或任何彩色填充;系统是二元配色加唯一火花。
  • 不要使用阴影、辉光、模糊或任何多层box-shadow叠加;深度来自排版,而非空间。
  • 任何元素都不要采用8px、12px或16px等圆润却非胶囊的圆角;只能是9999px完整胶囊或0px直角,没有中间值。
  • 300字重能够清晰阅读时,正文或按钮文字就不要采用400;小字号的低语般轻字重是标志性特征。
  • 展示文字不要置于浅色背景上;所有巨型文字都存在于Pure Black或深色摄影上。
  • 不要添加letter-spacing、text-transform对齐处理或font-feature-settings;文字保持原始状态,需要时全大写,字间距为normal。
  • 不要创建容器卡片、面板或盒状内容组;内容要么横跨整个视口,要么自由悬浮于深色表面上。