All Pakistan Government Digital Design System for Web and Mobile Applications, an open source-design system by Code for Pakistan.
An open-source design system for creating citizen-centric digital products in Pakistan.
A design system is a collection of reusable components, guided by clear standards, that can be combined to build a wide range of applications. For governments, a well-crafted design system ensures consistency, accessibility, and user-friendly digital experiences across all citizen-facing services and platforms.
Digital Design Nizam is designed for designers and developers working on apps, websites, and software for the government, public sector, development sector, and civic tech initiatives.
👈 Right-to-left and local language support built in from the start
✋ Designed with a focus on accessibility and usability for all
🇵🇰 Integrating Pakistani identity into the visual design
📱 Powered by TailwindCSS for modern tech stacks
🌓 Seamless switching between light and dark mode
At Code for Pakistan, we are developing a design system that has the potential to become the standard for all digital services in Pakistan. Currently, it is used internally for building digital products for various government departments and the public. We also advocate for its adoption by technology units within the government.
Governments exist to serve their people, and a strong design system helps them do that more effectively.
Abdullatif Nizamani, Ahmad Shafiq Zia, Ali Raza, Ammaz Khan, Azeem Abbas, Hassaan Bin Masham, Masna Bin Umeed, Shaji Ahmed, Zeerak Ahmed
To contribute, join our volunteer community at www.codeforpakistan.org/volunteer.
This design system is inspired by and references multiple open sources for its conception. In no particular order, these include:
GOV.UK Design System, TailwindCSS, TailwindCSS Community File by Praveen Juge, Helsinki Design System, Code for America’s Honeycrisp Design System, UAE Design System, Nafees Naskh by Center For Research in Urdu Language Processing (CRULP), Gulzar by Borna Izadpanah, Fiona Ross, Alice Savoie, Simon Cozens.
- Code snippets for each component
- UX guidelines for each component
- More Examples
- More Components