Reusable interaction patterns

Patterns

Reusable solutions for common design problems in government digital services. Patterns combine components and behavior to reduce duplication and keep user journeys consistent across the platform.

Pattern library

Common patterns for consistent service design

The library is organised around the most common government service problems, so teams can move from overview to implementation without losing clarity.

Design best practices

Principles that keep patterns trustworthy

Use these guidance points when implementing patterns in government digital services so the experience stays coherent and accessible.

Progressive Disclosure

Reveal information in stages so users are never overwhelmed all at once.

Clear Feedback

Provide immediate, clear feedback for every user action.

Consistent Navigation

Keep navigation uniform and predictable across every service.

Mobile-First Approach

Design first for mobile devices on limited bandwidth.

Accessibility by Default

Build WCAG 2.1 AA accessibility into every pattern by default.

Multilingual Support

Support content and layout across all 2 supported languages.

Accessibility in patterns

Accessibility is built into every pattern

Every pattern in the UX4G Design System is designed with accessible headings, keyboard navigation, screen reader support, focus management, and clear error messaging.

WCAG
2.1 AA
Keyboard
100% Accessible
Contrast
4.5:1 min
UX4G Accessibility Tool
Dictionary
UX4G Accessibility Tool
Dictionary