HashiCorp
Design System

HashiCorp Design System provides the building blocks to design and implement consistent, accessible, and delightful product experiences across HashiCorp.

Start designing with HDS Install HDS in your project

  • About

    Our aims, principles, and strategy and how to get started with HDS.

    Explore

  • Foundations

    Design decisions and guidance for colors, icons, typography, and more.

    Explore

  • Components

    Reusable building blocks to speed up your work and focus on your users.

    Explore

  • Patterns

    Guidelines and best practices for consistent and scalable interfaces.

    Explore