design-consultation

Generate a complete design system by providing your product goals and constraints to produce a central DESIGN.md file. This document serves as the project's source of truth, detailing typography, color, layout, spacing, and motion guidelines.

You can infer a design system for an existing website by initiating a plan-design-review workflow. This evaluates your current UI and proposes cohesive typography, color, and layout guidelines to establish a structured source of truth.

A scalable design system must include typography, color, layout, spacing, and motion guidelines. It should provide clear guardrails to adapt to brand constraints, support onboarding new teams, and ensure consistency across multiple screens.

Motion guidelines integrate into a UI design system by standardizing animation behaviors alongside typography, color, and layout rules. Documenting these within your DESIGN.md ensures cohesive and predictable user interactions across the product.

A design system proposal accelerates onboarding new teams by providing a definitive DESIGN.md source of truth. With clear guardrails and predefined typography and layout rules, new members can quickly align with brand constraints and project standards.