ClickHouse 是高性能开源列式分析数据库。其界面以纯黑画布（#000000）配霓虹黄绿（#faff69）制造最大对比，Inter 900 字重、最大 96px 的超重展示字将性能数字变成主角，炭色卡片配 80% 透明度的 #414141 描边，森林绿（#166534）承担次级按钮。适合数据库、数据平台与技术文档类界面。
开发者工具大胆表现
提示词模板
基础模板
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 编程工具使用。