精选 · 开放 · 免费

Schema Figma

一个为Schema by Figma打造的现代、大胆的活动着陆页，以鲜艳的几何点缀和清晰的排版层级为特色。

01

设计气质 DNA

一个融合了高级编辑美学与活泼、鲜艳设计点缀的高规格科技会议着陆页。

02

色彩

采用高对比度深色模式基础，使鲜艳的几何图形和彩色人物肖像背景能够脱颖而出，避免视觉竞争。

03

字体

grotesque-sans · humanist-sans · monospace

• display56px · 400
• heading32px · 700
• subhead24px · 400
• body18px · 400
• caption16px · 400
• label13px · 400

为小型分类标签使用大写及字间距，以建立清晰的层级。 · 为大号展示文本保持紧凑的负字间距，确保强烈的视觉冲击力。 · 在深色背景上，优先使用常规和中等字重，以保证清晰的可读性。

04

间距

布局在主要区域（如120px垂直内边距）采用充足内边距，并结合一致的24px gutter系统，营造出宽敞、通透的结构。

05

表面 (圆角 / 阴影 / 边线)

主要操作按钮和分隔线使用1px细边框，常使用rgba(255, 255, 255, 0.16)以实现微妙的区隔效果。

rgb(128, 128, 128) 0px 0px 5px 0px

06

布局

桌面端采用大型居中容器，并在移动端切换为移动优先布局，显著减少水平内边距。

07

动效与交互

交互元素使用标准的background-color、border-color和color过渡，时长0.2秒。 · 悬停或聚焦状态使用基于transform的动画，时长0.3秒，采用ease-in-out缓动。

background-color、border-color或color上应用0.2秒的微妙过渡，提供即时视觉反馈。 · 指针光标下的元素触发标准的0.2秒至0.3秒缓动过渡。

08

组件

• button 大型透明幽灵按钮，带白色边框和圆角。
• card 基于网格的演讲者卡片，采用黑白人物摄影叠加在纯色、鲜艳、饱和的色块上。
• chip 无可见组件。
• input 无可见组件。
• hero 以深色为主导的区域，包含超大排版、极简活动详情和醒目的几何图形条带。

09

文案语气与禁用清单

• 语气 专业、权威，同时平易近人且富有创意。
• 标题风格 大型、粗体、富有冲击力的无衬线文本，立即吸引注意力。
• 按钮文案 极简的透明幽灵按钮，搭配大而清晰的排版，与UI无缝融合。

• 不要使用白色背景 —— 截图显示主布局以黑色（#000000）为主。
• 不要使用复杂或有机形状 —— 截图显示的是严格的几何图元，如圆形、正方形和六边形。
• 不要使用密集的段落文本 —— 截图显示的是清晰、简短且高度可读的排版块。
• 不要为人物摄影应用纯白背景 —— 截图显示黑白照片叠加在鲜艳的纯色块上。
• 不要使用厚重的阴影系统 —— 截图显示的是极其简约、近乎扁平的层级，最多只有一个微妙的灰色阴影。
• 不要使用活泼的圆形或气泡状排版 —— 截图显示的是严格、干净的grotesque-sans和humanist-sans字体类别。
• 避免: 避免使用过于企业化或刻板的语言。
• 避免: 避免使用高度装饰性或分散注意力的衬线字体。
• 避免: 避免使用过多的辅助元素或密集的文本块来 clutter 界面。

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko