HashiCorp 是基础设施自动化领域的领导者，Terraform、Vault 等工具覆盖云资源的供应、安全与治理。其风格在干净白色区块与戏剧性深色（#15181e）区块之间双模切换，HashiCorp Sans 以 600-700 字重与 kern 特性撑起标题，多产品色系统通过 --mds-color-* 变量管理（Terraform 紫、Vault 黄等），大写小号说明文字带 1.3px 字距。适合企业基础设施与云平台界面。
开发者工具现代极简
提示词模板
基础模板
Design a HashiCorp-inspired interface. - Dual-mode: clean white sections + dramatic dark (#15181e) hero/product areas; - Custom HashiCorp Sans font with 600–700 weights and "kern" feature; - Multi-product color system via --mds-color-* CSS custom properties; - Product brand colors: Terraform purple, Vault yellow, Waypoint teal, Vagrant blue; - Uppercase letter-spaced captions (13px, weight 600, 1.3px letter-spacing). Colors: #000000, #15181e, #0d0e12, #f1f2f3. Typography: __hashicorpSans_96f0ca.
变体提示词
📱 移动端
Design a mobile app with HashiCorp aesthetics. Use HashiCorp color identity with #000000 accents. Clean, touch-friendly, native feel.
💻 Web端
Design a web application with HashiCorp style. Use HashiCorp color identity with #000000 accents. Professional, responsive layout.
📊 仪表板
Design a dashboard with HashiCorp design language. Use HashiCorp color identity with #000000 accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with HashiCorp visual identity. Use HashiCorp color identity with #000000 accents. Compelling, conversion-focused.
使用示例
HashiCorp 应用
Web 端Build a web app with HashiCorp design language and brand color system.
HashiCorp 仪表板
仪表板Create a dashboard using HashiCorp style with data visualization and __hashicorpSans_96f0ca typography.
✅ 适合场景
- 后端系统
- 基础设施与 DevOps 工具
- 面向工程团队的技术站
❌ 不适合场景
- 消费级生活方式 App
- 儿童向游戏界面
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述，可复制或下载后交给 AI 编程工具使用。