ClickHouse 是高效能開源列式分析資料庫。其介面以純黑畫布（#000000）配霓虹黃綠（#faff69）製造最大對比，Inter 900 字重、最大 96px 的超重展示字將效能數字變成主角，炭色卡片配 80% 透明度的 #414141 描邊，森林綠（#166534）承擔次級按鈕。適合資料庫、資料平台與技術文件類介面。
ClickHouse後端與資料
提示詞範本
基礎範本
Design a ClickHouse-inspired interface. - Pure black canvas (#000000) with neon yellow-green (#faff69) accent — maximum contrast; - Extra-heavy display typography: Inter at weight 900 (Black) up to 96px; - Dark charcoal card system with #414141 borders at 80% opacity; - Forest green (#166534) secondary CTA buttons; - Performance stats as oversized display numbers. Colors: #faff69, #166534, #14572f, #f4f692 with #faff69 accent. Typography: Inter.
變體提示詞
📱 行動裝置
Design a mobile app with ClickHouse aesthetics. Use ClickHouse color identity with #faff69 accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with ClickHouse style. Use ClickHouse color identity with #faff69 accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with ClickHouse design language. Use ClickHouse color identity with #faff69 accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with ClickHouse visual identity. Use ClickHouse color identity with #faff69 accents. Compelling, conversion-focused.
使用範例
ClickHouse 應用程式
Web 端Build a web app with ClickHouse design language and #faff69 color system.
ClickHouse 儀表板
儀表板Create a dashboard using ClickHouse style with data visualization and Inter typography.
✅ 適用情境
- 後端系統
- 開源資料庫與開發者文件
- 效能基準類技術頁面
❌ 不適用情境
- 面向消費者的零售電商
- 柔和溫馨的生活類產品
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。