厳選・オープン・無料

Embacy

大胆なタイポグラフィと高コントラストのモノクロームベースを特徴とする、クリーンで洗練されたデザインエージェンシーポートフォリオ。

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

オリジナル: https://www.embacy.io/nft

📦 パックの中身を見る →

01

デザイン DNA

グローバルテクノロジーデザインパートナーエージェンシー

グローバルテクノロジーブランドに特化したハイエンドデザインエージェンシーのポートフォリオ。

02

カラー

#ff5319Accent
#000000Ink
#ffffffBG
#f7f7f7BG soft
#999999Muted
rgba(0,0,0,0.1)Line

高コントラストのモノクロームベースに、強調とCTAのために控えめに使用する単一の鮮やかなオレンジアクセント。

03

タイポグラフィ

geometric-sans

見出しにはタイトなネガティブレタースペーシングを使用する。 · セクション間には豊かな垂直方向の余白を維持する。 · 太めのフォントウェイトは避け、階層構造にはサイズとスペーシングに依存する。

04

余白

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

グリッドアイテム間に明確な区切りを持つ、豊かな余白。

05

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

sm · 4px
md · 8px
lg · 10px
pill · 999px

可见なボーダーは最小限またはなし。構造はスペーシングと背景のコントラストで定義。

06

レイアウト

1280container
12columns
24pxgutter
768 / 1024breakpoints

標準の12カラムグリッドで、モバイルでは2カラムグリッドに折りたたまれる。

07

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

220msmicro
400mssmall
800msmedium
cubic-bezier(0.1, 0, 0.3, 1)easing

ページ要素に対するスムーズなopacityとtransformの遷移。 · 告知用の水平スクロールマーキー。

微細なopacityまたは色の遷移。 · 直接ナビゲーションまたはスムーズスクロール。

08

コンポーネント

09

文体と禁止事項

10

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

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

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

11

System Prompt

これは、「グローバルテクノロジーブランドのデザインパートナー」であるEmbacyのデザインエージェンシーポートフォリオです。デザインは、単一の鮮やかなオレンジ（#FF5319）アクセントを持つ高コントラストのモノクロームパレットに依存しています。タイポグラフィは幾何学サンセリフ（Haffer）を使用し、大きくタイトにトラッキングされた見出しと豊かな余白を特徴としています。重要な禁止事項には、太いフォントウェイト、複数のアクセントカラー、装飾的なボーダー、ワイドなトラッキング、雑然としたUI、ドロップシャドウの使用を避けることが含まれます。レイアウトはクリーンでエディトリアルであり、大きな画像と太字のテキストに焦点を当てています。

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

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

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

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