AuraVibe Design is a web-based application for designers and developers who need to build consistent visual systems. It automates the generation of accessible color palettes and complementary typography, providing a structured foundation for website styling.

• Color Palette Generation: Input a primary color, and the tool produces a full palette including shades, tints, and accessible contrast-compliant foreground/background pairs.
• Typography System Builder: Suggests font pairings and calculates a modular scale for font sizes, line heights, and spacing to ensure visual harmony.
• Design Token Export: Exports the generated color and typography values as CSS custom properties (variables) or in formats like JSON for direct use in development workflows.
• Accessibility Focus: Color outputs include WCAG contrast ratio checks to help ensure text remains readable for all users.
• Visual Preview: Displays the generated color and type system applied to sample UI components, allowing for immediate review and adjustment before implementation.