01
设计气质 DNA
实验性字体排印动态极简大胆
一个有生命的字体雕塑
02
色彩
#FFFFFFInk#000000BGrgba(255,255,255,0.1)Line纯净的高对比度单色方案,零彩色,完全专注于形式与运动。
03
字体
- display
120px · 500 - body
16px · 400
字体排印同时作为内容和主要视觉元素 · 字母以不同角度旋转,创造动态构图
04
间距
4px8px16px24px32px48px64px96px非线性、基于字体构图驱动的空间分布,而非网格
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
无可见边框;形式由正负空间界定
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全屏深色画布,中央聚焦的字体散落构图
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
旋转字母 · 散落字体 · 动态构图
从静态截图无法确定 · 从静态截图无法确定
08
组件
- button 截图中不可见
- card 截图中不可见
- chip 截图中不可见
- input 截图中不可见
- hero 全屏动态字体展示,散落旋转的字母围绕中央数字元素形成圆形构图
09
文案语气与禁用清单
- 语气 实验性、大胆、非传统
- 标题风格 字体作为视觉艺术,散落且旋转
- 按钮文案 极简,可能整合在动态字体效果中
- 不要使用传统网格布局——截图显示散落旋转的字体是主要构图方式
- 不要添加色彩强调——截图使用纯黑白,不含任何彩色
- 不要使用标准导航元素——截图显示无可见导航或UI组件
- 不要优先考虑可读性而非构图——字母为视觉效果而旋转散落
- 不要使用阴影或深度效果——截图显示平面图形形式,无维度提示
- 不要将内容与视觉设计分离——这里的字体同时是内容和主要视觉元素
- 避免: 传统网格布局
- 避免: 色彩强调
- 避免: 标准导航模式
11
System Prompt
这是一个实验性字体作品集网站,将文字作为动态视觉媒介。设计采用严格的单色方案:#000000 背景与 #FFFFFF 字体,创造最大对比度且不含任何彩色。字体类别为几何无衬线体,用于大型、散落、旋转的构图,围绕中央元素形成圆形图案。关键禁忌:不要使用传统网格,不要添加色彩强调,不要优先考虑可读性而非构图,不要使用阴影或深度效果,不要添加标准导航元素,不要将内容与视觉设计分离。该系统代表了一种大胆、实验性的网页设计方法,字体成为主要的视觉语言。