Horizon Design System

HashiCorp's ouvrir source système de concevoir pour consistent, accessible cloud management interfaces.

Aperçu du Produit

Horizon is HashiCorp's official open-source design system, evolving from the earlier Garden system, providing reusable components, patterns, and guidelines to build unified, accessible, and performant user experiences across HashiCorp's cloud products like Terraform, Vault, Consul, and Boundary. It focuses on enterprise-scale consistency, developer productivity, and modern aesthetics with light/dark themes, supporting React implementations and Figma libraries for seamless collaboration. Component Library: Reusable elements like buttons, forms, tables, navigation, and data visualizations with variants. Design Tokens: Semantic colors, typography, spacing, icons, and motion for theming. Accessibility: WCAG compliance with inclusive patterns and high-contrast support. Tools: Figma kit for prototyping; React components for implementation.

Idéal pour

équipes construction évolutif, consistent digital products.

Fonctionnalités Clés

bibliothèque de composants: Reusable elements comme buttons, forms, tables, navigation, et données visualizations avec variants.
jetons de concevoir: Semantic couleurs, typographie, espacement, icônes, et motion pour theming.
accessibilité: WCAG compliance avec inclusive motifs et high-contraste support.
outils: Figma kit pour prototypage; React composants pour implementation.

Avantages

+Open source
+Collaboration en temps réel
+Basé sur le cloud, pas d'installation
+Bibliothèque d'icônes étendue

Inconvénients

-L'adoption nécessite l'alignement de l'équipe
-La personnalisation peut être complexe

/// SPÉCIFICATIONS

Tarif :
Free
Plateforme :
Browser

ASSETS_DIRECTORY

figma

/// Outils Similaires

NativeBase Design System

ouvrir source IU bibliothèque de composants pour React natif avec personnalisable, accessible multiplateforme conceptions.

Material Design

Google's ouvrir source système de concevoir pour consistent, intuitif interfaces à travers platforms.

Forma 36 Design System

Contentful's ouvrir source système de concevoir pour consistent, accessible content management interfaces.

Friday Design System

ouvrir source Figma kit d'IU pour rapid prototypage avec personnalisable composants.

GOV.UK Design System

official UK government framework pour consistent, accessible public service interfaces.

Microsoft Teams UI Kit

Figma-basé composants et modèles pour en conception consistent équipes apps.

Figma UI2

Figma's official système de concevoir pour consistent, accessible product interfaces.

Moon Design System

ouvrir source framework d'IU pour consistent, personnalisable digital experiences.

Fluent UI

Microsoft's ouvrir source framework d'IU pour consistent, accessible experiences à travers web, Windows, iOS, Android, et macOS.

Goldman Sachs Design System

internal framework pour consistent, accessible enterprise financial interfaces.