Styles

The Styles section defines the foundational visual language of the GNWT OneGov Design System. These styles ensure consistency across all components, pages, and platforms by establishing shared rules for colour, typography, spacing, and layout.

This section provides the building blocks that form the visual identity of GNWT digital services. Each style category includes:

• Visual foundations – Colour palettes, typography scales, and spacing systems that reflect GNWT branding and accessibility standards.
• Layout principles – Breakpoints, grid systems, and responsive design rules for consistent experiences across devices.
• Element styling – Standardized appearance for headings, links, lists, images, and iconography used throughout GNWT services.
• Implementation guidance – Code examples, usage guidelines, and best practices for applying styles consistently.

Styles are especially helpful for developers and designers who want to build GNWT-compliant interfaces while maintaining visual consistency and accessibility standards. They provide the foundation for all components and ensure a cohesive user experience across departments, services, and platforms.