厳選・オープン・無料

Enter Support De

幾何学的なイラストと落ち着いたパレットを使用した、ITサポート会社の抑制的なコーポレートアイデンティティ。

HardwareCalmRestraintEditorialGeometric
Enter Support De のスクリーンショット
↓ デザインシステムをダウンロード (3 MB)OpenDesign で開く

オリジナル: https://enter-support.de

📦 パックの中身を見る →

01

デザイン DNA

技術的信頼できる落ち着いたサポートB2B

整然とした清潔なワークショップ、または静かな企業ロビー。

02

カラー

#ff5000Accent
#000000Ink
#282828Ink soft
#c4dbd8BG
#f9f8eaBG soft
rgba(0,0,0,0)Line

落ち着いた一次背景に、鮮やかな高彩度アクセントとダークなUI要素を組み合わせます。

03

タイポグラフィ

grotesque-sans · monospace

技術的な呼び出しや特定のUI要素にはモノスペースを使用します。 · 清潔で落ち着いたタイポグラフィのリズムを維持します。

04

余白

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

コンテンツブロックに十分なパディング（例：130px 100px 180px）

05

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

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

観察されません。

06

レイアウト

1280container
12columns
24pxgutter
768 / 1024breakpoints

フルワイドのカラーブロックが白いコンテンツエリアへと移行します。

07

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

100msmicro
300mssmall
800msmedium
cubic-bezier(0.1, 2.5, 0.5, 1)easing

幾何学要素の弾力あるトランスフォームアニメーション。 · より長い構造的な変化にはリニアなデュレーション。

UI要素のカラートランジション。 · インタラクティブな要素の弾力あるトランスフォーム。

08

コンポーネント

09

文体と禁止事項

10

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

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

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

11

System Prompt

B2B ITサポート会社のための、落ち着いた信頼できるインターフェースをデザインします。一次背景は落ち着いたティール色（#c4dbd8）、コンテンツエリアは白色（#f9f8ea）、UI要素はダーク（#282828）を使用します。アクセントには鮮やかなオレンジ（#ff5000）を添えます。タイポグラフィは、ディスプレイ/本文にクリーンなグロテスクサンセリフ、特定の技術要素にはモノスペースを使用します。ドロップシャドウ、グラデーション、攻撃的なマーケティング言語は避けます。十分なスペーシングとシンプルな幾何学的イラストを用いて、信頼性を伝えます。

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

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

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

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