Fictional 网站预览
Fictional 网站预览

Fictional

浅橙色基底、大字排版与错落拼贴。

页面以浅橙色为基底,搭配近黑色文字。字体采用 Fictional。视觉特点包括大字排版、错落拼贴、网格布局、几何图形。适合参考的场景:设计产品官网、作品展示页。

查看原始网站

使用规范

建议采用

  • 按钮使用 5px 半径,卡片使用 15px 半径,圆形标签使用 144px 半径——这三个半径构成整个形状语言
  • 当任何展示字号大于 72px 时,行高设定为 0.90–1.10;字形设计为紧缩状态
  • 在奶油粉底上使用墨黑,饱和色块上使用纸白作为字形颜色——在单个色块内绝不反转
  • 贴纸旋转角度在 -15° 到 15° 之间;能量来自角度,而非单个构图内色彩变化
  • 仅使用 2px 实心太阳黄环作为按钮和选定贴纸的唯一立体提示
  • 保持区块节奏为交替的全 满幅 色块(紫色 → 黄色 → 红色),而非白/灰条带
  • 在每个 Fictional 字体节点上激活 'ss01' 和 'dlig' 字体特性——连字与替代字形承载品牌个性

建议避免

  • 不要使用阴影、模糊或透明叠加层——系统仅有唯一阴影,即 2px 实心环
  • 不要将正文行高设得高于 1.40;字形随尺寸增大而收紧,阅读文本保持紧凑
  • 不要引入品牌色的灰调或低饱和度变体——所有五种颜色均以全饱和度使用
  • 不要在任何大于 72px 的展示字号中使用Light 轻字重(300);轻量级字重仅用于 16–29px 的图注文字
  • 不要用灰色分隔线或空白间距分隔贴纸——允许它们重叠和堆叠
  • 不要使用灰色填充按钮;按钮嵌入色块内,并以黄色环作为强调元素
  • 单个构图中贴纸颜色不得超过四种——页面是拼贴,而非万花筒