2.1.0

We are thrilled to announce the release of version 2.1.0 of our Design System, featuring significant enhancements and new features to improve the development and design experience. This update includes the publication of our design tokens and components to npm, as well as the launch of our Storybook for visualizing and utilizing components.

Features:

Package Publication:

• npm Packages: Our design tokens and core components are now available as npm packages, making it easier for developers to integrate and use them in their projects.
  • @hello.softis/andromeda-tokens
  • @hello.softis/andromeda-react

Documentation:

• Storybook: We have launched our Storybook, providing a comprehensive and interactive environment to view and test components. This tool is essential for developers and designers to understand the usage and behavior of each component.
  • URL: Storybook

Base Styles:

• Typography: Scalable and accessible font styles and sizes.
• Colors: A cohesive color palette designed for clarity and accessibility.
• Spacing: Consistent spacing guidelines for margins, paddings, and gaps.
• Design Tokens: Variables for colors, typography, spacing, and other essential design attributes.

Core Components:

• Buttons: Primary, secondary, and tertiary buttons with various states (hover, active, disabled).
• Breadcrumb: A navigation component to enhance the user experience.
• Tag: Informative tags for status indication or categorization.
• Avatar: User avatars with different sizes and shapes.
• Spinner: Loading spinners for indicating ongoing processes.
• Switch: Toggle switches for on/off states.
• Radio Buttons: Grouped options for single selections.
• Input Fields: Text input fields for forms and data entry.
• Basic Layout Structures: Grid systems and containers for building responsive layouts.

Documentation:

• Guidelines: Comprehensive usage guidelines to help teams implement and extend the Design System effectively.
• Examples: Practical examples demonstrating the use of base styles and core components.
• Best Practices: Recommendations for maintaining consistency and scalability across projects.

This release represents a significant step forward in our mission to provide a scalable and maintainable design system that ensures visual and functional consistency across all products. We are excited to see how these enhancements will improve your workflow and the quality of your projects.

Thank you for continuing to adopt our Design System. We look forward to your feedback and collaboration in building a seamless user experience.

We are excited to announce the initial release of our Design System, providing the foundational styles and components necessary for building cohesive and consistent user interfaces. This version includes a comprehensive set of design tokens and core components, ensuring visual and functional consistency across all products.

Features:

Base Styles:

• Typography: Scalable and accessible font styles and sizes.
• Colors: A cohesive color palette designed for clarity and accessibility.
• Spacing: Consistent spacing guidelines for margins, paddings, and gaps.
• Design Tokens: Variables for colors, typography, spacing, and other essential design attributes.

Core Components:

• Buttons: Primary, secondary, and tertiary buttons with various states (hover, active, disabled).
• Breadcrumb: A navigation component to enhance the user experience.
• Tag: Informative tags for status indication or categorization.
• Avatar: User avatars with different sizes and shapes.
• Spinner: Loading spinners for indicating ongoing processes.
• Switch: Toggle switches for on/off states.
• Radio Buttons: Grouped options for single selections.
• Input Fields: Text input fields for forms and data entry.
• Basic Layout Structures: Grid systems and containers for building responsive layouts.

Documentation:

• Guidelines: Comprehensive usage guidelines to help teams implement and extend the Design System effectively.
• Examples: Practical examples demonstrating the use of base styles and core components.
• Best Practices: Recommendations for maintaining consistency and scalability across projects.

This release marks the beginning of a scalable and maintainable design system aimed at ensuring visual and functional consistency across all products. Stay tuned for future updates as we continue to enhance and expand our component library.

Thank you for adopting our Design System. We look forward to your feedback and collaboration in building a seamless user experience.

Initial release of the Design System, providing the foundational styles and components necessary for building cohesive and consistent user interfaces. This version includes the following:

Features:

• Base styles: Typography, colors, spacing, and other essential design tokens.
• Core components: Buttons, input fields, and basic layout structures.
• Documentation: Comprehensive guidelines and examples to facilitate the use and extension of the Design System.

This release marks the beginning of a scalable and maintainable design system aimed at ensuring visual and functional consistency across all products.