Yung Studio 网站预览
Yung Studio 网站预览

Yung Studio

黑色画廊墙上的一幅白粉笔素描

Yung Studio 以绝对单色呈现:纯黑色背景上,白色文字与白色插画承担全部视觉工作。视觉语言具有画廊风格——简洁、自信且具编辑性,仅保留一个紫色(#c692ff)作为细微的强调色,仅在悬停或选中状态出现。字体传递整个品牌调性,通过 PolySans 光感字号家族实现:细体在正文文本中低语般呈现,中性体用于中等规模区块填充,粗体则作为首屏区域的超大展示进行锚定。布局充满张力;区块间间距超过100像素,且配有充足的横向内边距,使每个元素都能充分展现。整体风格更接近于小册子或艺术书封面,而非SaaS仪表盘——扁平、大胆、具有字体表现力,且敢于运用负空间。

查看原始网站

使用规范

建议采用

  • 所有屏幕页面背景均使用纯黑色 #000000,禁止使用灰色、暗灰或任何微妙的色调
  • 将所有交互文本设置为 PolySans-Bulky 28px,使链接和按钮在字体上与细体正文文本形成明确区分,无需依赖颜色
  • 所有按钮、标签及胶囊形元素的圆角半径统一设为 9999px
  • 各区块间使用 110-124px 的垂直间距以维持宽敞的编辑节奏
  • 让 160px 的显示字号自由呼吸,不加任何内边距或容器包裹——四周边至少保留 60px 的纯黑色负空间
  • 在相同区块内,将 PolySans-Slim 正文字体与 PolySans-Neutral 标题搭配使用,以实现同一字体家族内的光学字号对比
  • 仅在悬停或激活状态时使用紫色(#c692ff)作为强调色——绝不可作为默认填充、背景,也绝不可在大尺寸下使用

建议避免

  • 禁止引入中灰色调(#333、#666、#999)——系统为二元结构:纯白于纯黑之上
  • 禁止使用带有表面泛光的卡片背景——内容直接位于黑色画布上,或仅限于 10px 圆角卡片内,且仅允许使用细线边框
  • 禁止对任何元素应用阴影、光晕或模糊效果——层级关系由尺寸和间距决定
  • 禁止将紫色(#c692ff)用作 CTA 背景或大面积填充——它仅是悬停/激活时的细微提示,而非品牌主色
  • 禁止使用 PolySans-Slim 字体呈现 40px 以上的大标题——光学设计在大尺寸下会压缩并失去存在感
  • 禁止使用矩形按钮打破 9999px 车轮形规则——胶囊形状是系统唯一的几何特征
  • 不要拥挤布局 — 如果一个区块需要密集,将其拆分为两个区块,两者之间留出100+px的黑色间距