---
name: design-ui
description: Design direction and visual system for web UI. Use to choose layout, typography, colour, and overall aesthetic for product (SaaS/admin/data-heavy) or marketing/brand experiences.
---

# UI Design

Choose the right track and follow its guidance.

## Pick a track
- Product UI (SaaS/admin/data-heavy): read `product-ui.md`.
- Marketing/brand/creative: read `marketing-ui.md`.

## Cross-skill baselines
- Use `ui-animation` for motion; use `audit-ui` for accessibility and final QA.
- Use `implement-frontend` for React/TypeScript implementation standards.
- Use `design-in-code.md` for low-fi planning and layout-first workflow.