风格描述
开源日程安排。干净中性 UI，开发者友好
标签
Cal.com效率与 SaaS
提示词模板
基础模板
Design a Cal.com-inspired interface. - Purely grayscale brand palette — no brand colors, boldness through monochrome; - Cal Sans custom geometric display font with extremely tight default letter-spacing; - Multi-layered shadow system (11 definitions) with ring borders + diffused shadows + inset highlights; - Cal Sans for headings, Inter for body — clean typographic division; - Wide border-radius scale from 2px to 9999px (pill) — versatile rounding. Colors: #242424, #111111, #ffffff, #0099ff with #0099ff accent.
变体提示词
📱 移动端
Design a mobile app with Cal.com aesthetics. Use Cal.com color identity with #0099ff accents. Clean, touch-friendly, native feel.
💻 Web端
Design a web application with Cal.com style. Use Cal.com color identity with #0099ff accents. Professional, responsive layout.
📊 仪表板
Design a dashboard with Cal.com design language. Use Cal.com color identity with #0099ff accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with Cal.com visual identity. Use Cal.com color identity with #0099ff accents. Compelling, conversion-focused.
使用示例
Cal.com App
Web AppBuild a web app with Cal.com design language and #0099ff color system.
Cal.com Dashboard
DashboardCreate a dashboard using Cal.com style with data visualization and modern typography.
✅ 适合场景
- SaaS
- Brand-consistent interfaces
- Modern web applications
✅ 不适合场景
- Unrelated design aesthetics
- Different brand guidelines