---
name: maslow-web-interface
description: Use when building or reviewing Maslow AI websites, landing pages, components, forms, navigation, responsive layouts, and accessible interactive interfaces.
---

# Maslow Web and Interface

**REQUIRED SUB-SKILL:** Use `maslow-brand-core` first.

1. Import generated Brand OS tokens and preserve semantic action aliases.
2. Use navy primary actions, white inverse actions, square interactive and structural surfaces, and sparse pink signals.
3. Use capsules only for non-interactive taxonomy or content-classification spans. Never make a capsule a link, button, filter, click target, or keyboard focus target.
4. Lead buyer routes with workflow, owner, human decision, evidence status, and an early working-session action.
5. Keep technical maps secondary and optional.
6. Use semantic HTML, visible labels, one `h1`, a skip link, visible focus, keyboard-complete navigation, and reduced-motion fallbacks.
7. Test at 320, 768, 1024, and 1440 pixels, plus WCAG text spacing and reduced motion.

Use the existing website component patterns only after confirming they comply with the current contract.