厳選・オープン・無料

Glean

エンタープライズAI検索およびアシスタントプラットフォーム。

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

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

📦 パックの中身を見る →

01

デザイン DNA

エンタープライズAI検索生産性コネクタ

洗練され、信頼感の高いエンタープライズAIプラットフォーム。プロフェッショナルでありながらモダンな印象。

02

カラー

#343CEDAccent
#333333Ink
#FFFFFFBG
#FDFEFEBG soft
#D2D4FBBG quiet
rgba(52,60,237,0.2)Line

クリーンな白をベースに、高彩度のエレクトリックブルーアクセントと柔らかなパステルグラデーションを採用。

03

タイポグラフィ

geometric-sans · humanist-sans · monospace

すべてのプライマリテキストに中立的なサンセリフを使用する。 · 表示強調には細身のジオメトリックサンセリフを時折使用する。 · 技術ラベルにはのみモノスペースを使用する。

04

余白

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

4pxベースグリッド。

05

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

sm · 6px
md · 8px
lg · 20px
pill · 64px

1px solid #333333

rgba(52, 60, 237, 0.2) 0px 0px 17px 0px · rgba(0, 0, 0, 0.03) 0px 8px 10px 0px

06

レイアウト

1280container
12columns
24pxgutter
768 / 1024breakpoints

12カラムグリッド。

07

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

220msmicro
300mssmall
400msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

UI状態変化にはオペシティフェードを。 · インタラクティブ要素にはease-in-outトランジションを。

ボタンに精微なスケールまたはカラーシフト。 · トランジションによる即時フィードバック。

08

コンポーネント

09

文体と禁止事項

10

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

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

11

System Prompt

Gleanは、洗練され信頼感の高いデザインを持つエンタープライズAI検索およびアシスタントプラットフォームです。ビジュアルシステムは、クリーンな白(#FFFFFF)をベースに、高彩度のエレクトリックブルーアクセント(#343CED)と柔らかなパステルグラデーションでコントラストを生み出します。タイポグラフィは、クリーンでプロフェッショナルなサンセリフカテゴリ(ジオメトリックおよびヒューマニスト)を活用し、48pxまでの大きな表示サイズで権威と明瞭さを伝えます。レイアウトは構造化され広々としており、12カラムグリッドと主要コンポーネントに20pxのborder-radiusを採用しています。重要な制約:テキストに純粋な黒(#000000)を使用せず、代わりに#333333を使用します。角をシャープにせず、丸みのある親しみやすい美学を維持します。重厚または装飾的なセリフフォントを使用しません。

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

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

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

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