Horizon Design System

プロダクト概要

Horizonは、HashiCorpの公式オープンソースデザインシステムで、以前のGardenシステムから進化し、Terraform、Vault、Consul、BoundaryなどのHashiCorpのクラウドプロダクト全体で統一された、アクセシブルでパフォーマンスの高いユーザー体験を構築するための再利用可能なコンポーネント、パターン、ガイドラインを提供します。エンタープライズスケールの一貫性、開発者の生産性、ライト/ダークテーマを備えたモダンな美学に焦点を当て、React実装とFigmaライブラリをサポートし、シームレスなコラボレーションを実現します。 コンポーネントライブラリ：バリアントを備えたボタン、フォーム、テーブル、ナビゲーション、データビジュアライゼーションなどの再利用可能な要素。 デザイントークン：テーミングのためのセマンティックカラー、タイポグラフィ、間隔、アイコン、モーション。 アクセシビリティ：包括的なパターンとハイコントラストサポートを備えたWCAG準拠。 ツール：プロトタイピングのためのFigmaキット。実装のためのReactコンポーネント。

label.best_for

チーム 構築 スケーラブル, consistent digital products.

主な機能

• コンポーネントライブラリ: Reusable elements のような buttons, forms, tables, navigation, と データ visualizations を使った variants.
• デザイントークン: Semantic 色, タイポグラフィ, 間隔, アイコン, と motion のための theming.
• アクセシビリティ: WCAG compliance を使った inclusive パターン と high-コントラスト サポート.
• ツール: Figma キット のための プロトタイピング; React コンポーネント のための implementation.