精选 · 开放 · 免费

Config Figma

一个大胆的实验性会议活动网站，融合趣味抽象艺术与高对比暗色模式。

01

设计气质 DNA

一个运用粗犷字体和高对比抽象艺术的趣味性实验设计会议网站。

02

色彩

高对比暗色模式基底搭配鲜艳饱和的图形点缀。

03

字体

grotesque-sans · monospace

• display80px · 400
• h132px · 400

导航和UI元素中的文本通常采用大写形式。 · 较大字号的文本应用了较重的负字间距。

04

间距

统一使用4像素基础单位作为间距和留白。

05

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

交互边框采用1像素实线 rgba(255, 255, 255, 0.24)。

06

布局

左侧排列文本内容，右侧搭配抽象图形组合。

07

动效与交互

标准颜色和背景变化采用平滑的150毫秒过渡。 · 复杂元素使用较长的500毫秒变形过渡。

通过标准CSS过渡实现颜色变化。 · 标准指针交互。

08

组件

• button 带1像素边框的大写文本链接，或实底反色按钮。
• card 用作装饰元素的叠加抽象图形块。
• chip 采用大写样式的文本导航链接。
• input 极简的扁平文本输入框（非主要功能）。
• hero 分栏布局，左侧为大型排版错误信息，右侧为堆叠的抽象艺术。

09

文案语气与禁用清单

• 语气 直接、清晰、不浮夸。
• 标题风格 采用大型、大写或粗体的无衬线字体陈述。
• 按钮文案 大写文本链接，通常带边框。

• 不要使用柔和的浅色调色板——截图显示高对比的黑色背景搭配鲜艳的青色、绿色、橙色和黄色图形。
• 不要使用衬线或装饰性字体——截图显示简洁的几何无衬线字体。
• 不要使用柔和的投影——截图显示扁平、叠加的图形元素，无景深效果。
• 导航不要使用小写——截图显示菜单项如AGENDA和SPEAKERS均为全大写文本。
• 不要将所有内容居中——截图显示左对齐的文本布局搭配右对齐的图形。
• 不要使用复杂的多步骤表单——截图显示极简的直接文本链接和按钮。
• 避免: 浮夸的营销文案
• 避免: 过于复杂的句子结构
• 避免: 衬线字体

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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