GNB Design System

Explore the system

Styles are the visual design language of our design system. They create visual consistency.

Components are the building blocks of our design system. They create user interfaces.

Forms are a primary touchpoint between people and government. They enable digital services.

Get the tools and building blocks to design and develop consistent and accessible experiences.

Develop modern digital experiences using our GNB Design System Code Kit.

The GNB Design System in Figma is a library of reusable styles and components for designers.

How to deliver experiences that are accessible to everyone.

How to format dates and time in online content.

Structure forms so they are organized, accessible, and easy to use on all devices.