Overview

Astro is a design system developed by Magnetis. It is designed to help designers, developers, product managers, data analysts, data scientists, stakeholders, and enthusiasts at Magnetis to maintain brand consistency, enhance user experience, and improve the efficiency of designing and building products for customers. Astro is built based on Atomic Design principles and follows accessibility guidelines. It currently supports React as its official library.

Features

Atomic Design: Astro is based on Atomic Design principles, allowing designers and developers to use its style set and components to enhance product interfaces.
Open Design Assets: Magnetis believes in contributing to the community and sharing design and code assets, so Astro is an open system.
Accessibility: Astro follows basic accessibility guidelines from the WCAG, ensuring good legibility, screen reading solutions, and tested contrast ratios.

Summary

Astro is a design system developed by Magnetis to promote brand consistency, enhance user experience, and improve the efficiency of designing and building products. It is based on Atomic Design principles, follows accessibility guidelines, and currently supports React. By providing an open system, Magnetis aims to contribute to the design and development community. Astro can be installed via terminal or used via CDN, and it offers a variety of components and styles that can be easily customized for different projects.