UI Design

Choose the right track based on your project type and follow its guidance.

Tracks

Pick the track that matches the primary surface:

• Product UI — dashboards, admin panels, data tables, settings pages, internal tools. See product-ui.md
• Marketing — landing pages, brand sites, promotional content, portfolios. See marketing-ui.md

If unsure: product UI prioritizes information density and efficiency; marketing prioritizes visual impact and storytelling.

References

• Low-fi planning: See design-in-code.md
• Anti-patterns and calibration: See aesthetic-direction.md

Related skills

• ui-animation for motion timing, easing, and reduced-motion behaviour
• ui-audit for accessibility and final QA