精選 · 開放 · 免費
Enter Support De
為 IT 支援公司設計的克制企業識別，採用幾何插圖與柔和、平穩的配色。
HardwareCalmRestraintEditorialGeometric
01
設計氣質 DNA
科技感可靠平穩支援B2B
整潔有序的工作室或平靜的企業大廳。
02
色彩
#ff5000Accent
#000000Ink
#282828Ink soft
#c4dbd8BG
#f9f8eaBG soft
rgba(0,0,0,0)Line
以柔和的主色為背景，搭配鮮明的高飽和度強調色與深色 UI 元素。
03
字型
grotesque-sans · monospace
- display
28px · 400 - body
16px · 400
技術標註或特定 UI 元素使用 monospace。 · 維持清晰、從容的排版節奏。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
內容區塊採用充裕的 padding（例如 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
組件
- button 深色背景搭配白色文字，圓角（15px radius）。
- card 無觀察到。
- chip 無觀察到。
- input 無觀察到。
- hero 全寬色塊，包含抽象幾何插圖與簡潔文字。
09
文案語氣與禁用清單
- 語氣 專業、平穩且令人安心。
- 標題風格 簡潔的陳述句。
- 按鈕文案 直接且具功能性。
- 不要使用陰影——截圖顯示完全平坦的表面。
- 不要使用陰影——截圖顯示完全平坦的表面。
- 不要使用陰影——截圖顯示完全平坦的表面。
- 不要使用複雜漸層——截圖顯示實色色塊。
- 不要使用裝飾性襯線字體——截圖顯示純粹的 sans-serif 與 monospace 字體。
- 不要使用激進、高飽和度的背景色——截圖使用柔和的藍綠色。
- 避免: 行銷誇飾
- 避免: 激進的語言
- 避免: 缺乏脈絡的複雜術語
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
設計一個平穩、可靠的 B2B IT 支援公司介面。使用柔和的藍綠色（#c4dbd8）作為主要背景，白色內容區域（#f9f8ea），以及深色 UI 元素（#282828）。以鮮明的橘色（#ff5000）作為強調。字體應採用清晰的 grotesque-sans 作為展示/內文，monospace 用於特定技術元素。避免陰影、漸層與激進的行銷語言。使用充裕的間距與簡潔的幾何插圖來傳達可靠感。
en · zh-CN · zh-TW · ja · ko