The FederalDesign System
Everything you need to design a clean, consistent and user-friendly federal website.
Let the journey begin
Typography
Guidelines
Typography covers the font system being used across platforms. Each font has been carefully selected after extensive research.
Colour
Guidelines
Colour helps differentiate between the different entity brands while also establishing levels of consistency in user experience.
Iconography
Guidelines
Icons are visual representations of commands, common actions, directories and devices.
Imagery
Guidelines
Illustrations symbolise user context and their emotional state and should be designed to accurately reflect the same.
Forms & Inputs
Guidelines
Assets and guidelines to create any sort of form, data entry and selecting an option among others related purposes.
Layout & Navigation
Guidelines
Grids help position elements onscreen to facilitate seamless user experiences every time they visit a webpage.
Tone of voice
Guidelines
How to communicate with the users and how write a consistent and understandable copies.
Buttons & Actions
Guidelines
A button functions as a trigger to an event or action, notifying users of the next step.
A design system created by users, for users.
The design system has been created based on research and information collected from in-depth studies conducted on user behaviour and benchmarking best practices. It considers the common usability issues faced across the website experience and provides practical solutions that will help entities achieve high levels of user satisfaction.
Consistent
The guidelines, applications and components outlined int he design system follow a consistent format, be it container sizes or tone of voice.
Learn moreCutting-edge
All elements included in the design system are designed with current and future expectations to ensure that there is no reason or need to break away from the foundations laid down.
Learn moreClear
The guidelines serve a clear purpose and communicate a unified message with regards to how components are applied.
Learn moreCompliant
All components created can easily be adapted to suit the different needs of a specific Entity whilst keeping unification best practices as mandated by Ministry of Cabinet Affairs.
Learn moreYou have the right tools.
When you need to set up an entity website or an initiative landing page, the design system contains everything you need to design a perfect website, from guidelines and components to ready-to-use templates.
Learn about the design system with Guidelines, and then user components or Templates to design the website.
