moai-domain-brand-design

# moai-domain-brand-design Visual design system skill for brand-aligned web projects. Absorbed from agency-design-system (v1.0.0). Enforces hero-first chaining, WCAG 2.1 AA contrast, and structured design token output for downstream implementation. --- ## Quick Reference ### Entry Conditions Before generating design output, verify: 1. `.moai/project/brand/visual-identity.md` exists and contains no `_TBD_` markers. 2. Copy scope is defined (from `moai-domain-copywriting` JSON output or inline brief). 3. Target framework is confirmed (from `.moai/config/sections/design.yaml` `default_framework`). If `visual-identity.md` has unresolved `_TBD_` markers, stop and request brand interview completion. If the defined color palette conflicts with generated design tokens, execution halts and a conflict report is returned (see Error Handling below). ### Figma Integration Figma integration is disabled by default. Check `.moai/config/sections/design.yaml`: ``` figma: enabled: false ``` If `figma.enabled: true` and a public Figma file URL is provided, extract design tokens from the Figma file. Otherwise use `visual-identity.md` as the sole source of truth. --- ## Implementation Guide ### Hero-First Chaining The hero section establishes the visual tone for the entire site. All subsequent sections chain from it: 1. Extract hero background color, typography, and spacing from `visual-identity.md`. 2. Derive complementary section colors using the established contrast ratio rul...