Schema 网站预览
Schema 网站预览

Schema

黑色主舞台搭配礼花般明亮的壁画

Schema by Figma 采用简洁的单色架构,其间穿插着大胆的平涂几何壁画。界面使用纯黑、近黑和白色,搭配细线灰色边框——无阴影、极小的圆角、界面本身不使用任何色彩强调。色彩仅作为装饰性艺术出现(紫色、青绿色、深红、绿色、橙色的圆形、六边形、矩形)以及作为实底背景的演讲者头像。字体是最突出的元素:采用Figma定制的显示字体,字号为56–86px,字间距为极端负值(-0.02em),行高为0.90,使标题呈现出雕刻般的感觉,而非普通排版。首屏颠覆常规,采用黑色画布搭配超大轮廓注册按钮;内容区块则交替使用满幅彩色条带,最终过渡到简洁的白色演讲者网格。

查看原始网站

使用规范

建议采用

  • 所有卡片、按钮、图片和标签均使用0px边框圆角——锐角是不可妥协的
  • 将深色首屏搭配一个大尺寸轮廓按钮(1px纸张边框,无填充);悬停时填充
  • 对于需要呈现雕刻感的任何标题,使用Figma Sans Display字体,字号56–86px,字间距-0.02em,行高0.90–1.00
  • 在小标签(13–18px)上达到0.03em字间距,为大写文字和导航链接增加顶部弧度感
  • 交替使用全 满幅 的彩色条带(薄荷色洗涤 #c7f8fb,翡翠条带 #24cb71)在深色与浅色部分之间,以营造视觉节奏
  • 使用灰白(#e2e2e2)1px边框进行细线分隔;在浅色区块中保留深黑(#0f0f0f)边框以强调重点
  • 保持界面单色——色彩仅用于装饰性壁画和演讲者头像背景,绝不能用于控件

建议避免

  • 不要为任何元素添加边框圆角——锐角定义了系统的海报式特征
  • 不要使用阴影、光晕或模糊效果——平滑才是此处唯一的立体感语言
  • 不要引入色彩化的行动号召按钮——该系统刻意保持单色,操作仅以轮廓或纯文字形式呈现
  • 不要将正文文字设置在16px以下;字幕可降至13px,但绝不能更小
  • 不要让展示标题的行高超过0.90–1.00——紧凑的行距才是其建筑感的来源
  • 不要使用品牌色填充按钮;系统中唯一的按钮样式是轮廓纸张(Paper-on-Obsidian)
  • 不要用灰条分隔浅色区块——应使用满幅彩色条带或无缝的纸张到纸张过渡