Get started

For Designers

Get started with our Figma community file and components use in the Designer guide.

For Developers

Get started with installation, setup and usage guidelines in our Developer guide.

What is Digital Design Nizam

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 made for designers and developers working on apps, websites, and software for the government, public sector, development sector, and civic tech initiatives.

What makes it unique

👈 Right-to-left components and local language support built in

✋ Designed with a focus on accessibility and usability for all

🇵🇰 Incorporating Pakistani identity into design assets

📱 Built with TailwindCSS for modern web tech stacks

🌓 Seamless theming with light and dark mode support

About the project

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.

Contributors

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.

Acknowledgment

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.

Contact us

You can get in touch at nizam@codeforpakistan.org

Roadmap

1. Code snippets for each component
2. UX guidelines for each component
3. More Examples
4. More Components