Patterns

Patterns extend the components section of the design system documentation by showcasing recommended combinations of components and content structures. Rather than focusing on individual components, patterns set a standard for how content should be organized and handled based on specific use cases, taking into account typical user interactions and best practices.

This section provides examples of how components can be grouped to solve real-world problems in a consistent, accessible, and user-friendly way. Each pattern includes:

• Purpose and guidance – Page layouts for GNWT informational content, comprehensive documents, and service gateways.
• Layout and composition – Standard single-column, extended multi-section, and landing page structures.
• Best practices – Content hierarchy, accessibility compliance, and user journey optimization.
• Live examples – Basic Page, Basic Page (Long), and Landing Page demos.

Patterns are especially helpful for content editors and designers who want to build pages aligned with GNWT standards while reducing guesswork and duplication. They support a cohesive user experience across departments, services, and platforms.