网站设计 全流程
探索 Hashicorp 风格 — IaC 绿色终端、DevOps 管道、Terraform 命令，像操作专业的基础设施代码工具。
terraform - design-workflow
# 初始化设计项目
$ terraform init design-project
# 应用设计阶段
$ terraform apply -var="phase=01-strategy"
# 设计流程模块
$ module.design_phases
01-strategy · 02-architecture · 03-prototype
04-visual · 05-development · 06-launch
01/
战略调研
明确商业目标、用户需求、竞品分析，确定产品定位。
02/
信息架构
规划站点结构、导航层级与内容分类。
03/
原型设计
线框图到可交互原型，快速验证概念。
04/
视觉设计
设计系统，品牌语言、配色与组件库。
05/
开发实现
前后端开发、接口联调与响应式适配。
06/
测试上线
功能测试、性能优化、CI/CD 部署。
Prompt 提示词
Build a Hashicorp-style page: Dark background with Terraform green (#60dea9). Terminal/code aesthetic. JetBrains Mono font throughout. IaC command blocks. DevOps pipeline feel. Green glowing borders. Infrastructure as Code vibes.