01
设计气质 DNA
开发者创作者实验性极简主义个人
一个数字工作室空间:原始、专注、手工构建。
02
色彩
#FFFFFFInk#000000BGrgba(255, 255, 255, 1)Line高对比度单色:纯黑背景搭配醒目的白色元素与文本。
03
字体
- display
14px · 400 - caption
10px · 400
所有文本均采用小型几何无衬线字体 · 文本常被用作图形元素,例如旋转的曲线 · 导航呈现为紧凑的、垂直排列的大写链接列表
04
间距
4px8px16px24px32px48px64px96px紧凑、功能性的间距,由三维构图的需求决定,而非严格的垂直节奏。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
细长的、1px实心白色线条,用于构建几何形状和框架。
06
布局
12columns
24pxgutter
768 / 1024breakpoints
不对称构图,一个大型三维元素与一个简单的几何框架及一条垂直线相交。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
主文本元素的持续三维旋转 · 导航链接可能具有的悬停状态
导航链接在悬停时可能有细微的颜色或不透明度变化。 · 遵循标准的浏览器链接行为。
08
组件
- button 无可见的标准按钮。
- card 一个单一的、细长的白色正方形轮廓充当主要容器或卡片。
- hero 一个动态的、三维旋转的文本环作为主要交互与视觉元素。
09
文案语气与禁用清单
- 语气 直接、极简且自我描述性的。
- 标题风格 主标题融入三维图形元素中。
- 按钮文案 无明显的行动号召按钮。
- 不要使用浅色背景——截图显示的是纯黑背景。
- 不要使用多种强调色——截图严格采用单色方案。
- 不要为元素添加投影——截图仅使用纯色线条和文本。
- 不要在卡片上使用圆角——截图显示的是锋利的方形轮廓。
- 不要使用多种字号——截图使用非常统一的小字号。
- 不要将主要内容放置在居中的容器中——构图是不对称的且使用了整个视口。
- 避免: 彩色渐变
- 避免: 装饰性图标
- 避免: 长篇文本块
11
System Prompt
这是一个面向开发者与创意者的个人作品集网站,其特点是鲜明、高对比度的单色美学。设计具有实验性,专注于原始的几何形式和三维运动。关键颜色是纯黑(#000000)和白色(#FFFFFF),无其他色调。字体排印对所有文本使用小型几何无衬线字体。关键禁忌:切勿使用浅色背景,切勿添加彩色强调色,切勿在几何元素上使用圆角。布局是非传统且不对称的,由三维构图驱动。