Horizon Design System

Visão Geral

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.

label.best_for

equipes construindo escalável, consistent digital products.

Principais Recursos

• biblioteca de componentes: Reusable elements como buttons, forms, tables, navigation, e dados visualizations com variants.
• tokens de projetar: Semantic cores, tipografia, espaçamento, ícones, e motion para theming.
• acessibilidade: WCAG compliance com inclusive padrões e high-contraste suporte.
• ferramentas: Figma kit para prototipagem; React componentes para implementation.