Vega Design System

Vega is Heartland's Design System. Vega aims to provide efficient methods of building products for Heartland's digital portfolio. It seeks to lower costs while providing consumers with an elevated, unified, and pleasant experience.

Our Resources

New user? Start here.

New user? Start here.

Our guides help you get up and running with Vega.

Designers Developers

Components

Components

All the information you need to use our components.

Explore the Library Contribute

Vega Design Styles

Vega Design Styles

Understand how to use color, typography and more.

Colors Typography Explore All Styles

Accessibility Guides

Accessibility Guides

Create experiences that are accessible for everyone.

Accessibility Usability

News from Vega

Vega Migration

Vega Migration

Vega has migrated from Gitlab to Github

March 12, 2023

Design Etiquette

Design Etiquette

Here are a few basic guidelines for working on shared files.

November 18, 2022