For developers

Working with the design system

Parts of the Design System

The VA Design System is distributed as npm packages:

• CSS-Library (source code ): stylesheets, design tokens, and utility classes.
• Web Components (source code ): reusable UI components, such as buttons, alerts, and form fields.
• Assets (source code ): fonts, including Public Sans. This package is installed automatically with the CSS-Library.

See Install to add these packages to your project.

If you are working in the vets-website repository, the design system packages are already set up for you. Refer to the frontend developer documentation for guidance on working in that codebase. If you are building outside of vets-website, start with the guides below.

Get started