This is the guide for the user interfaces of all digital products and services provided by the City of Amsterdam.
We offer reusable components, patterns and guides for teams that work on our websites and applications. This helps everyone work faster and better, with more time to create value. To our citizens and businesses, all our channels look the same and work similarly; they are broadly accessible and evoke trust.
We aim to create libraries for, or support otherwise, Figma, CSS, React, React Native, Salesforce, and Mendix.
A Storybook portal demonstrates our components and documentation.
Our Figma file contains the design of our components and patterns.
See the getting started documentation for the React package to use our React components.
See the documentation for contributors.
We pledge to act and interact in ways that contribute to an open, welcoming, diverse, inclusive, and healthy community. Read our Code of Conduct if you haven’t already.
This project is part of a community initiative to use NL Design System components for websites and applications that comply with the Amsterdam Design System.
Join the #nl-design-system Slack via praatmee.codefor.nl for more information and to learn about things happening in our open-source community.
This project is free and open-source software licensed under the European Union Public License (EUPL) v1.2 or higher.
Documentation is licensed as Creative Commons Zero 1.0 Universal (CC0-1.0).
The open-source licenses do not cover the assets in the proprietary directory.
Each directory in the proprietary directory specifies the applicable license for that directory.
Please read the notice for more information about proprietary assets.