Charlie 网站预览
Charlie 网站预览

Charlie

在黑曜石上使用修道院石刻字体。一个以一面红色墙体制造沉默的震撼感的作品集。

Charlie Le Maignan的作品集是一幅粗犷的编辑式画布:页面为纯粹的黑色虚空,巨大的白色文字作为唯一的建筑元素,以及一块猛烈的红色大块面直接炸裂在单色背景中。视觉语言是自定义切片显示字体(Brasparz)在荒谬尺度下与克制的新无衬线字体(NeueHaas)进行静默劳动的碰撞。所有元素都被允许达到极致的体量——行高压缩至0.70,字间距被拉至-0.079em——使文字溢出视口,而非被限制在视口内部。唯一的红色首屏区块作为整个系统中唯一的色彩突显;其余部分始终保持无色。表面为平面,无抬升效果、无渐变、无装饰性阴影——设计通过体量、对比度以及一次单一的色彩爆发来传达信息。

查看原始网站

使用规范

建议采用

  • 仅在145px或更大字号时使用Brasparz Variable,行高设为0.70——更小则会丧失其雕塑感
  • 显示类文字的字间距保持在-0.06em至-0.08em之间;字号越大,字间距越紧
  • Brasparz的ss01和ss02参数必须设为0——原始形态不可更改
  • 所有交互元素(按钮、标签、导航)的边框半径设为100px
  • 让红色首屏区块完整铺满视口宽度——绝不被限制在卡片内
  • 所有文字颜色必须为#ffffff(在黑色或红色背景上)或#000000(在红色背景上)——禁止使用中灰体文本
  • 所有UI使用NeueHaas 19-20px字体;正文字号不得低于19px

建议避免

  • 禁止引入渐变、阴影或任何深度提示——该系统必须保持平面化
  • 禁止将Brasparz用于正文或UI标签——它仅限于显示用途,且在小字号下会崩溃
  • 禁止引入第二套强调色——红色是唯一的色彩语言
  • 中灰色(#838383)不要用于任何大于图注字号的内容;它在黑色画布上的对比度为 3.8:1,无法满足对比度要求。
  • 禁止将显示类文字限制在最大宽度容器内——必须延伸至视口边缘
  • 禁止在内容表面使用卡片式内边距、边框或圆角——只有导航胶囊控件获得100px半径
  • 禁止在NeueHaas正文上使用紧于-0.02em的字间距——字间距模式仅属于Brasparz