01
设计气质 DNA
创意实践文化科技
一个多学科设计实践的数字画廊。
02
色彩
#000000Ink#555555Ink soft#FFFFFFBG#F5F5F5BG soft#999999Mutedrgba(0,0,0,0.1)Line高对比度的单色基底,辅以丰富的摄影色彩点缀。
03
字体
- display
200px · 400 - heading
20px · 400 - body
18px · 400
04
间距
4px8px16px24px32px48px64px96px充裕的垂直间距
05
表面 (圆角 / 阴影 / 边线)
sm · 2px
md · 4px
lg · 8px
pill · 999px
无
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
极简主义
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
淡入 · 向上滑入
透明度变化 · 缩小
08
组件
- button 带微妙背景的胶囊形标签
- card 边缘到边缘的图像,上覆文字
- chip 带文字的圆角矩形
- input 简洁的文本输入框
- hero 超大字号排版,配以悬浮视频叠加层
09
文案语气与禁用清单
- 语气 专业且富有创意
- 标题风格 大胆且有冲击力
- 按钮文案 微妙且融入整体
- 不要使用过多颜色——截图显示的是一个以黑白为主的单色调色板。
- 不要使用复杂的装饰性元素——截图显示的是一个极简、干净的布局。
- 不要使用小而紧凑的字体——截图显示的是大而粗的展示文字。
- 不要使用粗重的边框或阴影——截图显示的是一个扁平、无边框的设计。
- 不要使用杂乱的导航——截图显示的是一个简单、稀疏的顶部导航。
- 不要使用低质量的图像——截图显示的是高分辨率、有氛围感的摄影。
- 避免: 术语
- 避免: 冗长文字
- 避免: 杂乱
11
System Prompt
这是一个名为‘More Studio’的创意工作室作品集网站。其设计DNA以大胆、大尺度的排版和高质量、有氛围感的摄影为特征。关键颜色是白色(#FFFFFF)和黑色(#000000),形成高对比度的单色基底。排版上,展示文字使用几何无衬线字体,正文使用人文主义无衬线字体。关键设计规则:避免装饰元素、过多色彩和杂乱布局。重点应放在干净的呈现上,让大字号排版和丰富的图像主导视觉领域。