厳選・オープン・無料

Jam3

クリエイティビティとテクノロジーでブランドを変革する、グローバルデジタルエージェンシー。

agencycreative
Jam3 のスクリーンショット
↓ デザインシステムをダウンロード (14 MB)OpenDesign で開く

オリジナル: https://www.jam3.com

📦 パックの中身を見る →

01

デザイン DNA

グローバルデジタルクリエイティブエージェンシー

ハイエンドのグローバルデジタルエージェンシー

02

カラー

#3C0C60Accent
#2D2D2DInk
#5A5A5AInk soft
#EAE8E4BG soft
#F5F5F5BG quiet
#DEDFE5Muted
rgba(234,232,228,0.3)Line

ダーク/ライトモードの基盤に、単一の深いアクセントカラーを用いたハイコントラストのタイポグラフィ。

03

タイポグラフィ

grotesque-sans

04

余白

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

柔軟なスペーシング。十分な水平パディングと、セクション間の明確な垂直区切りを採用。

05

サーフェス (角丸 / 影 / 罫線)

sm · 4px
md · 20px
lg · 70px
pill · 100px

1px solid rgba(234,232,228,0.4)

0px 20px 40px -16px rgba(0,0,0,0.3) · 0px 30px 30px -16px rgba(0,0,0,0.3)

06

レイアウト

1440container
12columns
24pxgutter
768 / 1024breakpoints

写真を全面に使ったヒーローにコンテンツオーバーレイを中央配置し、エディトリアルカード用の構造化グリッドを配置。

07

モーションとインタラクション

200msmicro
300mssmall
600msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing

不透明度フェードイン · 滑らかなbox-shadowトランジション · max-heightを用いたレイアウトシフト

カードに対する、繊細な不透明度変化とbox-shadowの拡大。 · 滑らかなスクロールまたはナビゲーショントランジション。

08

コンポーネント

09

文体と禁止事項

10

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

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

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

11

System Prompt

Jam3はグローバルデジタルエージェンシーです。デザインは、深いチャコール、明るいグレー、そして特徴的な深いアクセントカラーを組み合わせた、プレミアムでハイコントラストのパレットを特徴としています。タイポグラフィはインパクトを出すために大胆な幾何学的グロトゥスクサンセリフに依存しています。ヒーローセクションはフルブリードの写真を使用します。重要な禁止事項：セリフフォントを使用しない、すべての要素に鋭い角を使用しない、見出しに細いフォントウェイトを使用しない。インターフェースは大胆でクリーン、かつプロフェッショナルに感じられる必要があります。

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

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

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

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