精选 · 开放 · 免费
V A C
一个为文化机构项目和活动设计的极简数字图录。
EditorialGalleryTypographyCurationClean
01
设计气质 DNA
文化编辑极简展览画廊
一本数字展览图录
02
色彩
#000000Ink
#FFFFFFBG
#F1F1F1BG quiet
#999999Muted
rgba(0, 0, 0, 1)Line
采用单色调色板,严格使用黑与白,仅在次要元素或占位符上使用灰色。
03
字体
geometric-sans · humanist-sans
- display
34px · 400 - body
20px · 400 - small
16px · 400
标题混合使用常规字重与斜体副文本 · 标题行高设置紧凑,以形成紧凑的文本块 · 所有排版均使用 400 字重
04
间距
4px
8px
16px
20px
24px
32px
48px
64px
96px
内容区块之间充足的垂直留白,营造出富有节奏感的编辑式流线。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
结构上使用 1px 实线黑色边框,主要用于顶部导航,有时也用作分隔线。
06
布局
1440container
3columns
20pxgutter
768 / 1024breakpoints
非对称网格布局,项目以动态方式放置,具有不同的垂直位置。
07
动效与交互
200msmicro
250mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
悬停时平滑的颜色过渡 · 交互元素的透明度淡入淡出
悬停时文本颜色或透明度发生轻微变化,以指示可交互性 · 直接导航至活动或项目详情页
08
组件
- button 纯文本链接,带对角箭头图标,作为主要交互元素
- card 媒体内容丰富的活动卡片,时间戳在上,媒体在中,标题在下
- hero 一个简洁、以排版为主的英雄区块,机构名称在布局中分行展示。
09
文案语气与禁用清单
- 语气 权威、简洁、具有机构感
- 标题风格 简短、描述性的标题,通常伴有斜体副标题或日期
- 按钮文案 不显眼的基于文本的链接,无突出按钮样式
- 不要使用投影——截图显示完全扁平化设计,没有任何深度效果
- 不要在容器上使用圆角——截图显示为锐利的矩形元素
- 不要添加鲜艳的强调色——截图显示严格的单色设计
- 不要使用多种字重——截图显示全文统一使用 400 字重
- 不要为卡片使用厚重的边框——截图显示为无边框的内容区块
- 不要在栏目中居中对齐文本——截图显示为左对齐的排版
- 避免: 过于推销的语言
- 避免: 过度使用表情符号或装饰性元素
- 避免: 分散内容注意力的复杂 UI 模式
10
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
一个用于文化机构数字图录的极简、编辑式设计系统。采用严格的单色调色板(黑 #000000 配白 #FFFFFF),使用几何与人文无衬线字体,字重统一为 400。布局基于非对称网格,依靠充足的留白和纤细的 1px 线条来构建结构。关键交互涉及细微的透明度和颜色过渡。关键禁忌:避免使用投影、圆角、鲜艳色彩、多种字重、厚重边框和居中文本。
en · zh-CN · zh-TW · ja · ko