International Magic 网站预览
International Magic 网站预览

International Magic

近黑色基底、紧密字距与居中构图。

页面以近黑色为基底。字体采用 Wand UI Pro。视觉特点包括紧密字距、居中构图。适合参考的场景：设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 每个画面都保持完全无彩色；色板为 Void、Chalk 和三种中灰，不使用彩色强调。
  • 所有内容在 640px 列中居中，每个分区之间留出 120px Void。
  • 承载作品的容器（设备、视频、图像）使用 24px 圆角；标签、徽章或按钮使用 9999px。
  • 精选作品仅使用环境阴影 `0px 64px 72px 0px rgba(0,0,0,0.25)` 托起，不再叠加第二层阴影。
  • 展示标题采用 96px / 400 字重 / -1.632px letter-spacing；轻盈字重就是品牌特征。
  • 凡使用 Wand UI Pro 都启用 `ordn` 和 `ss01` 字体特性，它们是视觉语气的一部分。
  • 把顶部导航当作一句话，而非一条栏：三个词、11px / 550，不加背景或边框。

建议避免

  • 不要引入任何色相：不加蓝、红或带彩色倾向的暖灰；页面有意保持 0% 彩色。
  • 不要添加填充的主要色 CTA；操作保持幽灵式（Ivory 描边）或中性炭灰。
  • 设备或卡片表面不要使用尖锐的 0–4px 边角；24px 圆角让深色画布显得柔和。
  • 分区别拥挤；内容块之间的纵向距离低于 80px 时，虚空效果就会失效。
  • Wand UI Pro 不使用超过 650 的字重；体系以此为上限，过重会破坏安静语气。
  • 不要用辅助阴影、彩色阴影或边框发光来托起作品；64/72/25% 环境阴影是唯一抬升方式。
  • 首屏内容不要左对齐；主列中的每个标题、副标题、徽章和 CTA 都居中。

相似设计语言