Generate Design Systems From Product Type

The design system generator creates fully specified design systems automatically, removing the need to manually research and decide style, color, typography, and layout patterns for each new project. It uses your product type (SaaS, fintech, beauty, healthcare, etc.) to apply proven design patterns instead of starting from scratch or making untested choices.

You run the generator with your product type and requirements (e.g., "beauty spa wellness service"). It searches 5 domains in parallel (product type matching, style recommendations, color palette selection, landing patterns, typography pairing), applies 161 industry-specific reasoning rules to rank and filter matches, and returns a complete design system: recommended pattern, best-fit style, color palette with reasoning, typography pairing, key effects (animations, shadows), anti-patterns to avoid, and a pre-delivery checklist. Output can be persisted to files (MASTER.md + page-specific overrides) for cross-session reference.

Requires Python 3.x to run the search.py script, which reads from CSV data files containing product types, styles, colors, typography, landing patterns, and reasoning rules. Output is framework-agnostic design guidance; you implement the code in your chosen stack (React, Vue, SwiftUI, Flutter, HTML+Tailwind, etc.).