V–A–C Sreda 网站预览
V–A–C Sreda 网站预览

V–A–C Sreda

白色基底、大字排版与细线分隔。

页面以白色为基底。字体采用 Diagramatika Display、Diagramatika Text。视觉特点包括大字排版、细线分隔、扁平表面。适合参考的场景：音视频产品介绍页、媒体内容展示页。

查看原始网站

使用规范

建议采用

  • 每个文字元素都保持400字重，绝不引入600或700；系统权威来自字号和留白，而非粗体。
  • 所有元素均使用0px border-radius，卡片、按钮、标签和输入框应像白色区域上的锐利印刷图版。
  • 相关文字元素通过1px的#000000点线或虚线相连，而非包进盒子或卡片。
  • #999999只留给应退居主要文案之后的说明、图号、日期和元数据。
  • 让白色区域呼吸，分区内边距48–50px、元素间隙20px，以保留画廊墙密度。
  • 超大Diagramatika Display标题48–80px，配Pencil Gray小图号说明锚定，以保留图解语气。
  • 操作采用#000000的1px solid描边或透明描边，绝不填充按钮；系统没有填充CTA。

建议避免

  • 不要引入任何彩色，没有品牌蓝、强调红或渐变；系统刻意保持无彩色。
  • 不要采用box-shadow、模糊或任何抬升；画布刻意保持平面。
  • 任何表面都不要使用圆角；0px圆角具有结构意义，而非可选项。
  • 不要通过粗体或半粗体建立层级；改用字号变化、Display与Text字体家族变化，或增加空间。
  • 文字不要包在带边框的卡片或面板容器中；通过点线、虚线和留白分隔区域。
  • 操作不要采用填充背景按钮；使用带描边或下划线的文字标签。
  • 如果流动的栏式布局更易读，就不要将正文放在受限max-width容器中；系统满幅且具有图解形态。

相似设计语言