
A starter design system kit

A starter design system kit
Blueprint is a web-based tool that generates a starter design system kit from a brand's visual identity. Its primary function is to translate brand elements into a structured set of design tokens and components. The tool produces accessible color scales, a complete type scale, spacing guidelines, and production-ready components. These outputs are available in formats suitable for Figma, CSS, and AI-ready applications. The typical workflow involves providing brand assets or colors, after which the tool automatically generates the corresponding design tokens and components. Users can then export the generated kit to their preferred format for integration into their design or development workflow. This allows design and development teams to establish a consistent design language based on their brand guidelines. Blueprint is hosted on Vercel and is accessible through a web browser. It is designed for teams looking to standardize their design language without starting from scratch.