Landing：视觉方向
风格源于公司及其客户的品牌形象，而非当下的个人喜好。
铁律
未经展示2-3个方向并由Felipe选定其中之一，不得进行任何构建。
所有视觉设计（内部或外部）都必须经过 frontend-design 环节。
第一步： node check-gate.js --cliente <客户名称> --antes-de direcao-visual；完整阅读 01 和 inventario-assets.md；node check-assets.js --root <客户> --fase direcao-visual。不要依赖对话记忆。
门控流程
- 根据两个品牌的资料推导出设计轴（参考
references/perfis-e-estilos.md）。 - 必需子技能： 对每个方向使用 frontend-design:frontend-design。
- 每个方向需包含：名称、一句话理念、字体（展示字体和正文字体，自行托管）、含十六进制颜色值的色板、页面结构、头部（Hero）、资产ID（格式
A-nnn）及缺失部分、风险。 - 为每个色板填写
pares-contraste.json，运行node check-contrast.js --css <css> --pairs <pares>；未通过的色板不得呈现。 - 推荐一个方向，并将推荐理由与两个品牌资料关联起来。
- 等待Felipe做出选择。记录
direcao-visual.md（包含前置元数据、escolhida字段）并确认通过。
新落地页：不做原型，直接构建页面（工作量相同）。在现有页面基础上添加内容：先做原型；原型获批后，逐项核对原型与最终实现。在构建过程中有合理理由的改进是允许的，但需记录到反馈日志中。
可视审查（在发布门控之前）
层次结构和字体统一 · 375px 和 1280px 两种宽度下窗口（非 fullPage）截图，缓慢滚动后截取 · 对比度（check-contrast） · 焦点、悬停、错误、空白和加载状态 · 间距、组件和颜色保持一致 · CTA 符合业务需求 · 检查的是已实现的页面，而非原型 · check-page。
危险信号：立即停止
- 挑选“觉得最好”的风格并直接构建
- 为内部页面使用通用CSS，“因为只是内部用”
- 只展示一个方向
- 引用的资产没有ID或使用虚构的路径
| 常见借口 | 实际情况 |
|---|---|
| “内部页面不需要设计” | 客户每天使用的页面也是品牌的一部分 |
| “Felipe说过‘你觉得怎么好就怎么来’” | 这是让你推荐，不是让你全权决定 |
| “展示一个方向更快” | 展示两三个方向并附上推荐，比通过文字讨论更快 |
| “我需要的照片肯定存在” | 记录需求；永远不要假定文件存在 |