厳選・オープン・無料

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を基本とした一貫したリズムと、呼吸感を確保するためのたっぷりとしたパディング

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

パック内の実スクリーンショット

Vectary — 桌面首屏（hero）
桌面首屏（hero）
Vectary — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Vectary — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Vectary — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Vectary — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Vectary — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Vectary — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Vectary — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Vectary — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Vectary — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Vectary — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Vectary — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Vectary — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Vectary — 移动首屏
移动首屏

実ページから取得 · 実 computed styles

11

System Prompt

Vectaryは、インタラクティブな3DおよびARデザインプレゼンテーションのためのSaaSプラットフォームです。デザインでは、クリーンな白（#FFFFFF）背景を基調とし、ダークインク（#252525）とソフトグレー（#949494）をサブテキストに使用しています。タイポグラフィはヒューマニストサンセリフ（Inter/Fira Sans）で、細めの文字間隔です。プロモーションバナーには高視認性イエロー（#FBD302）を採用しています。重要な注意点：重いシャドウ、複雑なグラデーション、装飾的なタイポグラフィは避けてください。レイアウトは中央揃えで空間を確保し、3Dビジュアルコンテンツを優先しています。

このセンスを AI エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗ · このパック（エージェント用） ↗

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