精选 · 开放 · 免费

Vectary

一个基于浏览器的平台,用于创建和分享交互式 3D 和 AR 演示文稿。

design3d
Vectary 网站截图
↓ 下载设计系统包 (15 MB)在 OpenDesign 中打开

原站: https://www.vectary.com

📦 浏览包内文件 →

01

设计气质 DNA

3D设计演示AR交互式

一个干净、专业的数字产品可视化设计工作室

02

色彩

#FBD302Accent
#252525Ink
#595959Ink soft
#FFFFFFBG
#FCFCFCBG soft
#F3F3F3BG quiet
#949494Muted
rgba(148, 148, 148, 0.12)Line

以纯净的白色空间和深墨色为主以保证清晰度,运用单一高可见度的黄色进行促销强调。

03

字体

humanist-sans

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

基于一致的 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

组件

09

文案语气与禁用清单

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

Vectary 是一个用于交互式 3D 和 AR 设计演示的 SaaS 平台。设计采用纯净的白色(#FFFFFF)背景,辅以深墨色(#252525)和柔和的灰色(#949494)作为次级文本色。字体选用人文主义无衬线体(Inter/Fira Sans),字间距紧凑。高可见度的黄色(#FBD302)用于促销横幅。关键禁忌:避免厚重阴影、复杂渐变和华丽字体。布局居中且宽敞,优先展示 3D 视觉内容。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko