Branding 网站预览
Branding 网站预览

Branding

黑色画廊墙面,血红色标点——超大白色显示文字漂浮于类似虚无的深色画布之上,被单个鲜明的红色点缀和戏剧性的装饰性字体打断,整体感觉更像画廊标识而非网页界面。

SVZ 以高端时尚编辑风格呈现视觉表现:纯黑画布,超大尺寸的显示文字主导视口,搭配一道如伤口般突兀的鲜红线条。界面刻意简洁——大多数表面完全不使用金属光泽,让文字、摄影拼贴和超大背景形状承担主要表达功能。正文以近黑底色搭配白色呈现,仅在页脚和倒置文本中使用偏白色(#f3efef)。层级通过尺寸(160px 显示文字递减至10px 标签)和字重对比(300细体正文与700粗体大写)实现,从不依赖色彩或金属元素。所有交互元素均采用透明描边或细线边框——系统拒绝通过按钮“呐喊”,更偏好使用箭头和发现式链接,如同编辑风格的引语。

查看原始网站

使用规范

建议采用

  • 让文字本身承载层级——首屏区域场景使用80–160px的显示字号,元数据使用10–12px字间距的全大写;禁止引入色彩、金属元素或图标以弥补缺失。
  • 仅将#fe1e34用于页面中一个或两个重点元素的1px边框,以及作为强调点——红色必须保持稀有,以发挥标点作用。
  • 在同一条基线上混合使用Kmr Waldenburg 700大写与Editorialnew 300斜体字重,形成编辑风格对比——这种双字体对话是系统标志。
  • 所有显示字号保持0.90–1.10行高;系统通过紧凑行距,使超大文字呈现出建筑感而非空旷感。
  • 将10–12px的导航和标签文字向外扩展字间距至+0.071em–+0.308em,大标题文字向内收紧字间距至-0.050em–-0.080em——字间距是支撑排版结构的工具,而非装饰。
  • 交互元素使用对角箭头图标(↗)而非色彩、字重或背景变化锚定——悬停状态应改变位置或字重,而非色调。
  • 仅将#f3efef作为唯一脱离虚无的表面;明亮区域如同翻动杂志页面般带来阅读感。

建议避免

  • 禁止在UI元素中使用填充按钮、阴影或渐变——系统拒绝传统层次,最多仅使用单个白色内嵌高亮。
  • 禁止将#fe1e34用作文本颜色、背景填充或图标颜色,除非用于边框和单个强调点;过度使用红色会削弱其象征意义。
  • 禁止在小于64px的显示标题中使用Kmr Waldenburg正文字重(300/400)——系统保留700字重用于42px及以上字号,以保持视觉冲击力。
  • 禁止边框圆角超过14.4px;系统仅使用清晰的3px(导航/链接)和8px(卡片/按钮)——圆角是轻声细语,而非曲线。
  • 禁止将正文文字设置在14px以下或32px以上,除非转为显示角色;10–12px仅用于有字间距的全大写标签,且无完整句子结构。
  • 不要在一个组合中使用超过两种字体家族(如Kmr Waldenburg + Editorialnew,或+ Dirtyline 36);加入第三种字体会破坏编辑规范。
  • 禁止在深色背景上使用#000000作为文本颜色——系统规定使用虚无色(#080808)与骨白(#fcfcfc)配对;纯黑色文本仅出现在#f3efef背景上。