精选 · 开放 · 免费
Unveil Fr
一个聚焦于字体与留白的超极简编辑式网站。
EditorialCleanTypographyMinimalReference
01
设计气质 DNA
精致极简编辑式字体驱动精确
瑞士字体样本或高端画廊目录。
02
色彩
#000000Ink
#FAFAFABG
#FFFFFFBG soft
rgba(0,0,0,1)Line
单色对比，利用大面积留白突出字体。
03
字体
geometric-sans
- body-sm
10px · 400 - body-md
16px · 400
所有文字均为大写 · 字距紧凑但清晰 · 在层级中使用一致的字重（400）
04
间距
4px
8px
12px
16px
24px
28px
40px
充裕的内边距和间距营造出宽松、通透的布局。
05
表面 (圆角 / 阴影 / 边线)
sm · 6px
md · 6px
lg · 6px
pill · 33554400px
1px solid black
06
布局
12columns
24pxgutter
768 / 1024breakpoints
全屏居中文字或左对齐的文本块，留有巨大空白。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.215, 0.61, 0.355, 1)easing
淡入过渡
交互元素上光标变为指针。 · 标准指针交互。
08
组件
- button 极简的大写文字或带圆角的描边方框。
- card 带充裕内边距的描边容器。
- chip 无可见组件。
- input 无可见组件。
- hero 居中或左对齐的大尺寸百分比数字。
09
文案语气与禁用清单
- 语气 客观、精确、冷静。
- 标题风格 大写、数字或简短文字片段。
- 按钮文案 微妙、极简的文字或描边按钮。
- 不要使用多种颜色——截图显示为严格的黑白/灰度调色板。
- 不要使用衬线字体——截图显示为纯无衬线字体。
- 不要使用小写文字——截图显示所有文字均为大写。
- 不要使用厚重的投影——截图显示为平面、无边框或细边框的表面。
- 不要用内容填满屏幕——截图显示大量空白留白。
- 不要使用装饰性图标——截图显示纯字体和简单几何形状。
- 避免: 过度装饰
- 避免: 高饱和色彩
- 避免: 随意语言
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
一个超极简的编辑式网站设计，依赖于极致的留白和精确的字体排印。调色板严格为单色，采用白色背景（#FAFAFA）和纯黑色文字（#000000）。字体为简洁的几何无衬线体，全部使用大写并配合紧凑的字距，以营造出精致的样本感。布局稀疏，常居中显示小尺寸百分比数字或左对齐极简的文本块。关键设计规则：绝不使用多种颜色或强调色；绝不使用衬线字体；绝不使用小写文字；绝不让不必要的元素充斥界面；始终优先考虑留白；保持严格的单色层级。整体感觉冷静、精致且高度自律，类似于高端画廊目录或瑞士设计样本。
en · zh-CN · zh-TW · ja · ko