精选 · 开放 · 免费
Savee
一款为设计师打造的高端视觉策展工具,基于深邃、极简的美学理念构建。
designgallery
01
设计气质 DNA
策展视觉灵感设计参考简洁高端
面向创意专业人士的数字情绪板平台。
02
色彩
#1019edAccent
#fdfdfdInk
#a3a3a3Ink soft
#050505BG
#151515BG soft
#1e1e1eBG quiet
#737373Muted
rgba(64,64,64,0.5)Line
采用纯黑与纯白,并搭配单一鲜明蓝色点缀的高对比度暗色模式。
03
字体
geometric-sans · monospace
- display
60px · 500 - h2
36px · 500 - body
16px · 400
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
基于 4px 的基础网格,版块间采用充裕的垂直间距。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 12px
lg · 20px
pill · 9999px
用于卡片和输入框的 1px 实线 rgb(64,64,64) 边框。
0px 18px 70px rgba(0,0,0,0.35)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
居中的单栏布局,配备大型英雄区域。
07
动效与交互
150msmicro
400mssmall
680msmedium
cubic-bezier(0.22, 0.86, 0, 1)easing
页面加载时淡入并放大 · 悬停时平滑的颜色过渡
细微的背景色变化或透明度偏移。 · 通过颜色过渡提供即时反馈。
08
组件
- button 药丸形主按钮,采用纯蓝色填充;次要按钮为带边框的幽灵样式。
- card 深色凸起表面,圆角设计搭配细微边框。
- chip 用于平台图标(iPhone App、Figma 插件等)的药丸形容器。
- input 深色输入框,圆角设计搭配细微边框。
- hero 居中的大型标题,附带副标题和醒目的 CTA 按钮。
09
文案语气与禁用清单
- 语气 专业、简洁且自信。
- 标题风格 直接且有冲击力,聚焦价值主张。
- 按钮文案 行动导向且清晰,例如「构建你的库」。
- 不要使用浅色背景——截图显示为纯黑 (#050505) 背景。
- 不要使用装饰性字体——截图显示为简洁、几何感的无衬线字体。
- 不要使用多种强调色——截图显示为单一的鲜明蓝色 (#1019ed) 强调色。
- 不要使用尖角按钮——截图显示为完全的药丸形按钮(9999px 圆角)。
- 不要使用纤细、浅色的字体——截图显示为中等字重 (500) 的标题以增强冲击力。
- 不要使用杂乱的背景或渐变——截图显示为纯色、平坦的深色表面。
- 避免: 俏皮或随意的语言
- 避免: 视觉杂乱
- 避免: 复杂的渐变
10
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一款面向设计师的高端视觉策展平台,强调简洁、极简的暗色模式美学。主要背景为深近黑色 (#050505),与纯白色 (#fdfdfd) 文字和柔和的灰色 (#a3a3a3) 次要文字形成对比。单一的鲜明蓝色 (#1019ed) 仅用于主要的行动号召,例如「构建你的库」。字体使用几何无衬线字体类别,并采用大号展示比例 (60px) 以增强冲击力。关键设计约束包括:避免浅色模式、避免多种强调色、使用药丸形按钮而非矩形按钮、避免装饰性字体,以及保持充裕的留白,确保视觉焦点始终停留在策展内容上。
en · zh-CN · zh-TW · ja · ko