ClickHouse is the fast open-source column-oriented database for real-time analytics in SQL. Its UI pairs a pure black canvas (#000000) with neon yellow-green (#faff69), sets Inter at weight 900 up to 96px for performance heroes, and uses charcoal cards with #414141 borders plus forest-green (#166534) secondary CTAs.
DeveloperBold
Prompt Template
Base Template
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.
Variant Prompts
📱 Mobile
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.
📊 Dashboard
Design a dashboard with ClickHouse design language. Use ClickHouse color identity with #faff69 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with ClickHouse visual identity. Use ClickHouse color identity with #faff69 accents. Compelling, conversion-focused.
Usage Examples
ClickHouse App
WebBuild a web app with ClickHouse design language and #faff69 color system.
ClickHouse Dashboard
DashboardCreate a dashboard using ClickHouse style with data visualization and Inter typography.
✅ Best For
- Backend
- Open-source database and developer docs
- Performance benchmark pages
❌ Avoid For
- Consumer retail e-commerce
- Soft lifestyle products
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.