The NYPR Product Design team aims to maintain a consistent style across all NYPR products. To facilitate this, we have created the following style guide documenting a system of reusable components. Our goal is to achieve a faster and smarter process for product design and development.
Our design system is based on the principles of atomic design. The idea behind this methodology is that small elements of our products (atoms) can be designed and then combined into larger modules (molecules) which can then be combined into organisms. These elements can then be stitched together to form templates and pages.
This design system is a living document and will be updated regularly.
- Marine Boudeau
- Fiona Carswell
The project requires node, npm and gulp.
- clone repo
npm install
- Run design systen at localhost:8000:
python -m SimpleHTTPServer 8000 - watch the SCSS files:
gulp
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent