Design System

screenshot of Design System
ember

Design System

Helios Design System

Overview:

The Helios Design System is a comprehensive set of tools and guidelines provided by HashiCorp to help designers create consistent, accessible, and engaging product experiences. It includes various packages for design system components, icons, tokens, and documentation to assist in the design and implementation process.

Features:

  • Design System Components: Provides a collection of npm packages with design system components for consistent design implementation.
  • Flight Icons: Offers flight icons in different formats (SVG/SVG Sprite/React) and documentation on exporting assets from Figma.
  • Tokens: Includes npm packages for design tokens development to maintain design consistency across products.
  • Yarn Workspaces: Utilizes yarn workspaces for managing dependencies and adding new packages efficiently.
  • Changesets: Implements changesets to manage and track changes for each package in the design system.
  • Release Management: Follows a structured process for releasing new package versions and adheres to Semantic Versioning (SemVer).
  • Documentation: Provides detailed documentation for guidelines on using Helios components, icons, tokens, and release procedures.
ember
Ember

Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device.