Backend & Data

HashiCorp

Infrastructure automation. Enterprise-clean, black and white.

Палитра

#000000color

#15181ecolor

#0d0e12color

#f1f2f3color

#d5d7dbcolor

#b2b6bdcolor

#656a76color

#3b3d45color

Типографика

Interосновной шрифт системы

Ключевые характеристики

Dual-mode: clean white sections + dramatic dark (`#15181e`) hero/product areas
Custom HashiCorp Sans font with 600–700 weights and `"kern"` feature
Multi-product color system via `--mds-color-*` CSS custom properties
Product brand colors: Terraform purple, Vault yellow, Waypoint teal, Vagrant blue
Uppercase letter-spaced captions (13px, weight 600, 1.3px letter-spacing)
Micro-shadows: dual-layer at 0.05 opacity — depth through whisper, not shout

Описание

HashiCorp's website is enterprise infrastructure made tangible — a design system that must communicate the complexity of cloud infrastructure management while remaining approachable. The visual language splits between two modes: a clean white light-mode for informational sections and a dramatic dark-mode (`#15181e`, `#0d0e12`) for hero areas and product showcases, creating a day/night duality that mirrors the "build in light, deploy in dark" developer workflow.