Agriculture Design System
Design System for the Export Service


Patterns are reusable compositions of components that solve design problems and help ensure consistency across the service.

  • Accessible form validation and error recovery

    Form validation is a critical aspect of creating usable and accessible applications. By providing effective error feedback and guidance, you can help users submit accurate information while minimising frustrations.
  • Conditionally revealed content

    Conditionally reveal a question or information related to a specific radio or checkbox option when a user selects it. This ensures that users only encounter conditionally revealed content when it is applicable to their selection.
  • Focus mode

    Used to help reduce distractions so that users can focus on completing a specific task.
  • Loading, empty and error states

    When loading data in an application, it is important to consider and design for loading, empty, and error states. These states will help set user expectations and prevent them from assuming that the interface is unresponsive.
  • Messaging

    Messaging conveys contextual information to the user, provides information in relation to a service or interaction, and provides feedback in response to their actions or the current system status.
  • Multi-task form

    Use this pattern to break up large forms into multiple smaller tasks to decrease cognitive load.
  • Search filters

    Search filters help users find what they’re looking for by displaying options that meet specified criteria.
  • Selectable tables with batch actions

    Selectable tables allow users to select one or more rows simultaneously and perform batch actions against the selected rows. A batch action is any action that can be performed against any selectable row of a table.
  • Selecting multiple options

    Multi-select is a commonly used design pattern that allows users to select multiple options from a list. This pattern is used in various contexts such as search filters, form fields, and more.
Edit this page