精選 · 開放 · 免費
Vectary
一個基於瀏覽器的平台，用於建立和分享互動式 3D 和 AR 簡報。
design3d
01
設計氣質 DNA
3DdesignpresentationARinteractive
一個乾淨、專業的數位產品視覺化設計工作室
02
色彩
#FBD302Accent
#252525Ink
#595959Ink soft
#FFFFFFBG
#FCFCFCBG soft
#F3F3F3BG quiet
#949494Muted
rgba(148, 148, 148, 0.12)Line
以乾淨的白色空間搭配深色墨水來確保清晰度，並使用單一高可見度黃色作為推廣強調。
03
字型
humanist-sans
- display
56px · 500 - headline
36px · 500 - body
18px · 400 - small
14px · 400
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 模型
微妙的背景顏色變化或透明度改變 · 標準的 active 狀態，帶有輕微的縮放或顏色變化
08
組件
- button 藥丸形與矩形形狀，使用實心背景或邊框
- card 帶有柔和陰影的微圓角邊框，用於媒體容器
- input 極簡的圓角欄位（推斷自 SaaS 模式）
- hero 全寬度居中的文字區塊，下方配有支援媒體
09
文案語氣與禁用清單
- 語氣 專業、創新且賦予力量
- 標題風格 以行動為導向，並專注於效益
- 按鈕文案 直接且具鼓勵性（例如：「建立帳號」、「我們聊聊」）
- 不要使用華麗的襯線字體——截圖顯示為乾淨的人文無襯線字體
- 不要使用多彩漸層背景——截圖顯示為純白 (#FFFFFF) 背景
- 不要使用細瘦、低對比度的文字——截圖顯示為淺色背景上的深色墨水 (#252525)
- 不要在容器上使用銳利、鋸齒狀的邊角——截圖顯示為柔和的圓角邊框 (16px radius)
- 不要使用密集、雜亂的佈局——截圖顯示為寬裕的留白與居中對齊
- 不要使用俏皮、漫畫風格的插圖——截圖顯示為高品質的 3D 產品渲染圖
- 避免: 技術術語
- 避免: 激進的銷售語言
- 避免: 過於俏皮或非正式的語氣
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
Vectary 是一個用於互動式 3D 和 AR 設計簡報的 SaaS 平台。設計使用乾淨的白色 (#FFFFFF) 背景，搭配深色墨水 (#252525) 和柔和灰色 (#949494) 作為次要文字。字體為人文無襯線 (Inter/Fira Sans)，字距緊湊。高可見度黃色 (#FBD302) 用於推廣橫幅。關鍵避免事項：避免厚重的陰影、避免複雜的漸層、以及避免華麗的字體。佈局居中且寬敞，優先考慮 3D 視覺內容。
en · zh-CN · zh-TW · ja · ko