01
设计气质 DNA
艺术版税报酬创作者可持续性
一个确保艺术家因其遗产获得公平报酬的数字画廊与市场。
02
色彩
#141414Ink#666666Ink soft#FFFFFFBG#F4F4F4BG soft#F9F9F9BG quietrgba(244, 244, 244, 1)Line以高对比度的黑白为基础,完全依靠精心策划的摄影和排版来吸引视觉兴趣。
03
字体
- display
48px · 400 - h2
30px · 400 - body
16px · 400 - small
14px · 400
对醒目、有影响力的陈述使用衬线字体,以传达一种尊贵感。 · 对功能性界面和正文使用无衬线字体,以保持清晰度。 · 在大号展示尺寸下,保持紧凑的字间距。
04
间距
4px8px12px16px20px24px40px48px充裕内边距
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 9999px
极简,仅用于构建结构或进行微妙分隔。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
首屏采用不对称分割布局,随后是结构化的基于网格的内容。
07
动效与交互
150msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
交互元素上平滑的 hover 过渡。 · 内容板块优雅的淡入效果。
交互元素上微妙的颜色或透明度变化。 · 即时的视觉反馈,通常涉及轻微的缩放或透明度变化。
08
组件
- button 高对比度的纯黑或纯白色,采用圆润的药丸形状。
- card 文本密集型卡片,具有清晰的层次结构,并利用充足的留白。
- chip 简洁的、通常是药丸形状的标签,用于分类。
- input 干净、极简的输入框,带有细微的边框。
- hero 不对称分割布局,包含一个大而优雅的衬线标题和一张高品质的生活方式照片。
09
文案语气与禁用清单
- 语气 聚焦于倡导、优雅且具有权威性。
- 标题风格 直接、有影响力的陈述,强调艺术家的权利与价值。
- 按钮文案 强有力的、行动导向的短语,例如 “加入 Peggy”。
- 不要使用嘈杂、多彩的强调色方案——截图显示的是严格的黑白单色方案。
- 不要使用圆润、友好的无衬线字体作为展示文本——截图使用的是精致的过渡衬线字体。
- 不要给卡片或表面添加投影——截图显示的是没有深度效果的扁平、干净的布局。
- 不要使用紧凑、密集的网格布局——截图展示了充裕的内边距和大边距。
- 不要使用深色模式或重度着色的背景——截图主要依赖纯白和柔和的米白色。
- 不要在组件周围使用粗重的边框或边框——截图使用留白进行分隔。
- 避免: 避免过于随意或使用俚语。
- 避免: 避免与艺术或版税无关的复杂术语。
- 避免: 避免使用激进或过于‘推销’的策略。
11
System Prompt
此设计用于 Peggy,一个支持艺术家的编辑与倡导平台。布局干净且不对称,使用了大量的留白。主要配色方案是高对比度的单色,背景为纯白,文字为深黑墨色。排版上,对有影响力的标题使用优雅的过渡衬线字体,对正文使用人文无衬线字体,营造出精致、画廊般的氛围。CTA 按钮为纯黑或纯白色,采用独特的药丸形状。关键禁忌:不要引入明亮的强调色;不要使用通用的无衬线字体作为展示文本;不要用密集网格或不必要的边框使布局杂乱;不要使用厚重的投影;不要使用过于随意或激进的营销语言;不要忽视定义精致美感的充裕内边距与边距。