01
设计气质 DNA
趣味性现代感触感产品导向创意
一个现代、富有趣味性的品牌,在干净、简约的环境中运用3D元素展示其产品。
02
色彩
#d95f9aAccent#333333Ink#f5f5f5BG#888888Mutedrgba(0, 0, 0, 0.1)Line以中性、浅色背景为基础,搭配深绿色的品牌主色和充满活力的粉色点缀,营造趣味而高级的感受。
03
字体
- display
16px · 400
04
间距
4px8px16px24px32px48px64px96px宽松
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
1px solid rgba(0, 0, 0, 0.1)
0 4px 20px rgba(0,0,0,0.1)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
居中
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
细微的透明度变化 · 无可见反馈
08
组件
- button 描边式
- hero 全屏3D产品展示
09
文案语气与禁用清单
- 语气 友好、趣味、非正式
- 标题风格 对话式、直接
- 按钮文案 简洁的描边按钮
- 避免密集文本——截图显示了最少的文案,传递清晰、简洁的信息。
- 避免深色背景——截图展示了明亮、浅色的环境。
- 避免复杂的导航——截图显示了简单的单页式布局。
- 避免使用多种相互竞争的颜色——截图使用了绿色、粉色和中性色调的克制配色。
- 避免厚重的UI控件——截图展示了干净、整洁的界面,无可见的导航栏或侧边栏。
- 避免平面化、2D的产品图片——截图以动态的3D渲染方式展示产品。
- 避免: 正式语言
- 避免: 激进的销售话术
- 避免: 杂乱的布局
11
System Prompt
这是一个高端产品品牌的着陆页,采用干净、明亮的美学风格,并配有3D产品展示。其设计DNA核心在于以中性、浅色背景为基础,搭配深绿色的品牌主色(#3d6b37)和充满活力的粉色点缀(#d95f9a)。字体选用简洁的几何无衬线体,并少量使用。关键色彩为浅色背景(#f5f5f5)、深绿色和粉色点缀。关键禁忌:避免密集文本,避免深色背景,避免复杂导航,避免厚重UI控件,避免平面化的产品图片,避免使用多种相互竞争的颜色。布局居中且宽敞,聚焦于3D产品渲染。