01
设计气质 DNA
3D设计演示AR交互式
一个干净、专业的数字产品可视化设计工作室
02
色彩
#FBD302Accent#252525Ink#595959Ink soft#FFFFFFBG#FCFCFCBG soft#F3F3F3BG quiet#949494Mutedrgba(148, 148, 148, 0.12)Line以纯净的白色空间和深墨色为主以保证清晰度，运用单一高可见度的黄色进行促销强调。
03
字体
- display
56px · 500 - headline
36px · 500 - body
18px · 400 - small
14px · 400
04
间距
4px8px16px24px32px48px64px96px基于一致的 4px 基准，并配备宽松的 padding 以营造呼吸感
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 16px
pill · 999px
主按钮使用 1px solid #252525，次级元素使用 1px solid #E0E0E0
0px 0px 20px 11px rgba(148, 148, 148, 0.12)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
居中的单列首屏布局，两侧留有宽边距
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
按钮上的 hover 过渡（0.2s） · 视口内交互式 3D 模型操作
细微的背景颜色变化或不透明度改变 · 标准的激活状态，伴有轻微的缩放或颜色变化
08
组件
- button 药丸形和矩形，采用纯色背景或边框
- card 带有柔和圆角和阴影的媒体容器
- input 简约的圆角输入框（根据 SaaS 模式推断）
- hero 全宽居中的文本块，下方配有支持性媒体内容
09
文案语气与禁用清单
- 语气 专业、创新且赋能
- 标题风格 以行动为导向，聚焦于价值主张
- 按钮文案 直接且富有鼓励性（例如：'创建账户'、'开始讨论'）
- 不要使用华丽的衬线字体——截图显示的是简洁的无衬线字体
- 不要使用多彩渐变背景——截图显示的是纯白色（#FFFFFF）背景
- 不要使用纤细、低对比度的文本——截图显示的是浅色背景上的深墨色（#252525）文本
- 不要在容器上使用尖锐、锯齿状的圆角——截图显示的是柔和的圆角边框（16px radius）
- 不要使用密集、拥挤的布局——截图显示的是宽松的留白和居中对齐
- 不要使用俏皮、漫画风格的插图——截图显示的是高质量的 3D 产品渲染图
- 避免: 技术术语
- 避免: 激进的销售语言
- 避免: 过于随意或非正式的语气
10
包内真实截图
11
System Prompt
Vectary 是一个用于交互式 3D 和 AR 设计演示的 SaaS 平台。设计采用纯净的白色（#FFFFFF）背景，辅以深墨色（#252525）和柔和的灰色（#949494）作为次级文本色。字体选用人文主义无衬线体（Inter/Fira Sans），字间距紧凑。高可见度的黄色（#FBD302）用于促销横幅。关键禁忌：避免厚重阴影、复杂渐变和华丽字体。布局居中且宽敞，优先展示 3D 视觉内容。