Announcing Vortex Design System
We're excited to announce the inaugural release of Vortex Design System v0.1.0! 🎉
This foundational release establishes a comprehensive design system that empowers teams to build consistent, accessible, and scalable user interfaces. Our initial offering includes essential building blocks that will accelerate development while maintaining design consistency across all applications.
What's New
Design Tokens
A complete token system covering all fundamental design decisions:
- Border - Radius and width tokens for consistent edge styling
- Breakpoints - Responsive design breakpoints for all screen sizes
- Color - Semantic color palette with light/dark mode support
- Font - Typography scale and font family definitions
- Height - Standardized height values for consistent sizing
- Motion - Animation and transition timing tokens
- Space - Spacing scale for layouts and component padding
- Text - Typography aliases for headings and body text
- Width - Width tokens for consistent element sizing
- Z-Index - Layering system for proper stacking context
Core Components
Essential UI components to kickstart your applications:
- Button - Primary, secondary, and tertiary button variants with multiple states
- Link - Accessible link component with consistent styling
Layout Utilities
Powerful utilities for building flexible layouts:
- Stack - Flexible container for arranging elements with consistent spacing
- Icon - Icon wrapper with size and color controls
- Text - Typography utility with semantic text styling
Icons
- vortex-icons - Curated icon library with consistent styling and multiple sizes
Note: This release is currently available for internal use only. Public availability and open-source licensing are being evaluated for future releases.