A24 网站预览
A24 网站预览

A24

明暗对比、细线分隔与宽松留白。

页面兼有浅色与深色区域。字体采用 NB International Web、NB International Mono Web。视觉特点包括细线分隔、宽松留白、分屏构图、非对称构图。适合参考的场景：音视频产品介绍页、媒体内容展示页。

查看原始网站

使用规范

建议采用

  • #000000 与 #ffffff 是仅有的有效背景与文字值；满幅黑白区块交替建立视觉节奏。
  • 展示标题设为 74px 的 NB International，字重 400，行高 0.92，字间距 -2.96px，让标题以零垂直间隙堆叠。
  • 年份标签与技术注释使用 15px 的 NB International Mono，与展示标题配对并靠右对齐。
  • 每个组件都使用 0px 圆角，包括卡片、按钮、输入框、模态框、图片；尖锐边缘不可妥协。
  • 所有大写标签，如导航项、分类标记、表单标签，使用 NB International 10-11px，字间距 0.14em。
  • 表单输入框与按钮共用边框：输入框有左、上、下边框，按钮实色填充，形成一个连通控件。
  • 页面满幅，无 max-width 限制，让文字与图片定义网格。

建议避免

  • 不要引入任何颜色、渐变或彩色强调，色板严格无彩色。
  • 任何元素不要使用圆角，包括图片与产品卡片。
  • 不要使用 box-shadow、投影或任何浮起效果；深度只来自明度对比。
  • 正文或电影标题不要居中，一切以左对齐阅读。
  • 字重不要超过 500；NB International 的范围是有意克制的。
  • 内容块之间不要添加装饰元素、分割线或装饰图形。
  • NB International Mono 之外不要引入第二个字体家族，等宽变体是唯一允许的偏离。

相似设计语言