The USPTO's open source Design System, based on the USWDS and Bootstrap (Version 2.x). This documentation site contains library guidance, style guide, patterns, templates, and other resources.
View the Design System: https://uspto.github.io/USPTO-Design-System/index.html
Use the Design System: The USPTO Design System v2.x theme can be found here
Install the project's dependencies with:
npm install
This documentation site can be run locally, and repurposed for your needs, or to use as the model for your own design library.
To build the front-end assets (Fonts/CSS/JS) use:
npm run build
To watch sass files while making changes in local use:
npm run dev
After running npm run build, you will have an assets folder that contains the stylesheet and resources.
The United States Department of Commerce (DOC) GitHub project code is provided on an "as-is" basis and the user assumes responsibility for its use. DOC has relinquished control of the information and no longer has responsibility to protect the integrity, confidentiality, or availability of the information. Any claims against the Department of Commerce stemming from the use of its GitHub project will be governed by all applicable Federal law. Any reference to specific commercial products, processes, or services by service mark, trademark, manufacturer, or otherwise, does not constitute or imply their endorsement, recommendation or favoring by the Department of Commerce. The Department of Commerce seal and logo, or the seal and logo of a DOC bureau, shall not be used in any manner to imply endorsement of any commercial product or activity by DOC or the United States government.
- U.S. Web Design Standards
- Bootstrap 4 and bootstrap icons
- Material icons