stitch-design-taste

Generate a design system specification for Google Stitch by creating a DESIGN.md file that encodes premium UI language across atmosphere, color, typography, components, layout, motion, and anti-patterns for screen generation.

A design system brief for web app dashboards and editorial layouts should include atmosphere description, color calibration, typography architecture, component behaviors, layout principles, motion philosophy, and anti-patterns to maintain premium quality.

Color calibration for UI design produces a single neutral palette with one accent color, defining explicit roles for backgrounds, surfaces, text, and borders to ensure consistent visual hierarchy.

Yes, you can enforce typography rules and ban specific fonts. The typography architecture prescribes font families, scales, line lengths, and accessibility constraints, with banned fonts clearly noted in the output.

Anti-patterns to avoid when building a premium UI language are explicitly enumerated as Never Do rules within the DESIGN.md file, ensuring the generated screen maintains high quality and avoids generic design outcomes.

No dependencies are required to write a DESIGN.md file. It independently documents spring-based motion philosophy, performance constraints, and component behaviors like button, card, input, loader, empty state, and error styles.