01
设计气质 DNA
极简排版编辑简洁作品集
一个数字字体样本或极简主义艺术家的作品集网站。
02
色彩
#000000Ink#FFFFFFBG#666666Mutedrgba(0,0,0,0.1)Line极致极简主义,以及黑色文字与白色空间之间的高对比度。
03
字体
- display
72px · 900
04
间距
4px8px16px24px32px48px64px96px充足的白色空间,注重垂直间距以营造视觉呼吸感。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
无可见边框或阴影,仅依靠形状和位置。
06
布局
1200container
12columns
24pxgutter
768 / 1024breakpoints
全出血的白色画布,配有极简的顶部导航栏,以及一个位于中央的大号排版元素。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
基于极简设计的平滑过渡,可能是细微的淡入淡出或滑动效果。
交互元素上细微的光标变化或极小的高亮效果。 · 标准的点击行为。
08
组件
- button 极简,可能基于文本或简单几何形状(如果存在)。
- card 此视图中无可见卡片。
- chip 无可见标签。
- input 无可见输入框。
- hero 一片空旷、简洁的白色空间作为主视觉区,过渡到大号排版元素。
09
文案语气与禁用清单
- 语气 自信、沉静,专注于工艺。
- 标题风格 粗犷、大号字体排版,通常字间距较紧。
- 按钮文案 极简,可能仅是文本链接或一个简单的几何形状。
- 不要添加投影或内阴影——设计是完全扁平化的,依赖负空间。
- 不要使用圆角——所有元素都是锐角的矩形。
- 不要使用繁复的背景——背景是纯色的、纯白的。
- 不要使用鲜艳或多色的强调色——调色板严格限定为单色系。
- 不要使用装饰性的边框或分隔线——分隔仅通过间距和排版实现。
- 不要使用复杂或具象的图标——唯一可见的图标是极简的、几何化的汉堡菜单。
- 避免: 杂乱
- 避免: 过度装饰
- 避免: 繁复的布局
- 避免: 鲜艳的调色板
- 避免: 复杂的图标
11
System Prompt
这是一个专注于排版和简洁设计的极简作品集或编辑网站。主要颜色是用于背景的纯白(#FFFFFF)和用于文字的黑色(#000000),形成最大对比度。排版使用粗犷无衬线类别(grotesque-sans)字体用于大号展示文本。关键设计规则包括:避免任何投影、圆角或装饰元素;维持严格的单色系调色板,不使用强调色;并利用大量负空间来营造平静和专注感。布局简洁,配有极简的顶部导航,聚焦于内容的排版表现力。