NRCS Design System
A Design System tailored to the unique needs of NRCS GIS applications with high accessibility requirements.
Project Overview
An adaptation of the FPAC Design System and its inherent roots from the U.S. Web Design System.
A resource for UI styles, accessible components, and guides for their use across a suite of applications. All of which were carefully selected based on research, studies, and testing.
Also attempts to provide coded examples of components for accessibility, presented via StoryBook as an aid to developers.
Built with React around Reactstrap/Bootstrap to align with the most common frameworks teams are using at the moment.
Published on GitHub to encourage open collaboration and contributions over time.
Impact
A few years later, the benefits and alignment this design system brought to the organization led to the project being forked and rebuilt using Material-UI (MUI) in React.
Three development trains have since adopted this design system to build and refactor multiple applications, including:
- NRCS Conservation Desktop
- CART (Conservation Assessment Ranking Tool)
- GRAS (Grazing Land Applications Suite)