This plugin provides a systematic approach to design for developers and designers working on web projects. It automates the creation of foundational design elements to ensure visual consistency and responsiveness.

Responsive Typographic Scales: Define a base size, ratio, and increment factor to generate a complete set of font-size classes that adapt across different screen sizes. Dynamic Color System: Create a centralized color map to generate utility classes for backgrounds, text, and borders, ensuring color consistency throughout a project. Font Pairing Library: Access a curated selection of Google Font pairs, which can be imported and applied to typographic elements with minimal configuration. Automatic SCSS Compilation: The plugin uses an SCSS compiler to process your style files, eliminating the need for external build tools or manual compilation steps. Custom SCSS Support: Extend or override the generated styles by adding your own SCSS code in a dedicated file, allowing for flexible customization.