Loading :: جاري التحميل



User Interfaces of National Design System of Saudi Arabia

According to the Unified Design System

Code for User Interfaces (UI)



This software is a personal initiative dedicated to implementing, developing, and coding user interfaces for the Platform Codes initiative launched by the Digital Government Authority (DGA), which has made a tremendous effort and an unparalleled step by generating a comprehensive system for the Unified Design System for government entities in the Kingdom of Saudi Arabia.

Platform Codes, an open-source design system funded by the Digital Government Authority, simplifies digital projects by combining code, design tools, and guidelines in a community-focused approach. It enables the rapid development of consistent experiences, allowing designers and developers to focus on customizing solutions to specific needs using pre-built assets from the Digital Government Authority.
  • 01 Comprehensive design for all elements.
  • 02 Adaptive design based on devices.
  • 03 Design using modern technologies.
  • 04 Documented to comply with specifications and standards.
  • 05 Continuous updates.
  • 06 Ongoing technical support.
  • Bootstrap Version 5.3.3
  • jQuery Version 3.7.1
  • HTML 5 Version 5
  • CSS 3 Version 3

Design Technologies

The Latest Technologies and Capabilities



Consideration has been given to supportive technologies and participation in coding user interfaces, utilizing the latest versions of technologies to keep up with the highest and latest global specifications and standards. The main goal of keeping pace with global trends and excellence in creativity is the core of this initiative, launched by the efforts of the Digital Government Authority.

Better Performance

A Genuine Global Endeavor



The evaluation criteria for Platform Codes are designed in a way that ensures they are understood and comprehended by all users, including designers, developers, and project managers overseeing digital government projects, so they have a clear understanding of the expectations and standards set by the Unified Design System. This section defines the purpose of the evaluation criteria and its importance, as well as the target users.
  • Ensure Compliance Guarantee that all digital projects comply with the unified guidelines and best practices outlined in Platform Codes.
  • Maintain Quality Support user experience quality and interface consistency across all digital government platforms.
  • Facilitate Improvement Provide clear standards and feedback mechanisms to continuously enhance the effectiveness and efficiency of the design system.