design-consultation

To create a design system from a vague product brief, describe your product context to generate a cohesive blueprint. This produces a DESIGN.md file documenting typography, color palette, spacing, layout, and motion directions as a single source of truth.

The best way to document typography, color, and motion guidelines is generating a DESIGN.md file. This translates product requirements into a brand-aligned design system, providing clear documentation and CLAUDE.md implementation directions for feature launches.

Yes, you can use this approach for a branding refresh on an existing product. The process adapts to brand refreshes by referencing existing site context when available, ensuring the newly generated design tokens align with current brand aesthetics.

To translate design system tokens into implementation directions, generate a CLAUDE.md file alongside your DESIGN.md. This provides specific guidance and recommendations to demonstrate visual coherence before the actual development phase begins.

Generating a design system does not require existing brand context and can start from scratch. It effectively translates vague product requests into a complete design proposal, though it can reference existing site context if available.

You need to generate a DESIGN.md file when translating vague product briefs into a brand-aligned design system. Unlike standard templates, this produces a customized source of truth covering typography, color, spacing, layout, and motion tailored to your specific product.