Design System

In Development

Vision

The vision for the design system is to provide a centralised set of guidelines, principles, patterns, and components that Government of Ireland teams can use to create consistent and quality digital products efficiently.

The North Star for the design system is the target the design system team is working towards and includes the following:

Guidelines

Foundations

  • Design principles

  • Governance and maintenance

  • Colour

  • Typography

  • Iconography

  • Logos

  • Illustration

  • Sound

  • Voice and tone

  • Content formatting

  • Grammar

  • Inclusive language

  • Internationalisation

  • Photography

  • Motion/animation

  • Layout

  • Elevation

  • Data visualisation

  • Dark mode

  • Messaging

  • Forms

  • Screen sizes

  • Responsive design

  • Accessibility

Assets

Foundations

  • Repositories

  • Design tokens

  • UX and design files

  • Images

  • Fonts

  • Icons

  • Components

    (HTML)

  • Components

    (React)

  • Patterns

Tools

  • Figma Library

  • Figma plugins

  • Token validators

  • Utility packages

Process

  • Onboarding

  • Communication

  • Contribution

  • Governance and testing

  • Synchronisation

  • Deprecation

  • Release and versioning

  • Extension and variation