Skip to main content

Resources

Downloading source code

The USPTO-DS-Theme GitHub library contains full source code and instructions for integrating into your project. You can build locally, or integrate the USPTO Design System as a dependency with NPM.

Get the latest release
Looking for v1.0 releases? Find them here.

Using the SCSS files

The usptostrap.scss file uses @import to merge all the SCSS files at compilation time. Based on your folder structure, dependency management system, and 3rd party libraries, usptostrap.scss may need to be updated.

Similar to Bootstrap, the SCSS files are organized by module.

  • All Bootstrap overrides are at the root of the scss folder.
  • Variables are in _uspto-variables.scss.

Using the CSS files

The compiled CSS file includes a themed and extended version of Bootstrap. You shouldn't include the original Bootstrap CSS in your web page. If you're going to be writing any additional CSS specific for your web page, we recommend using the SCSS files instead and taking advantage of the variables when possible.

Wireframe, prototype, and design resources

USPTO DS for Designers

The USPTO Design System offers a flexible yet coherent visual style you can apply to your own website or application. Our visual style offers a clean, modern aesthetic that meets high standards of usability and accessibility while promoting credibility and trust.

USPTO DS components are available as an Adobe XD components file, an Axure RP 9+ component library, and as a Sketch library. You can download and start using all of these design assets from the USPTO DS for Designers library on GitHub.