Skip to content

Design assets 2.0

Compare
Choose a tag to compare
@thisisdano thisisdano released this 15 Apr 19:08
d7ecd18

This new release makes a number of improvements to the USWDS Sketch file:

  • Uses only a single library file: uswds
  • Adds all themeable token and component symbols to a simplified uswds-project file
  • Improves organization and navigation of USWDS components
  • Provides a starting point for more flexible and customizable components using master component building blocks

Note: This new version of the Sketch assets for designers replaces the older version and the two versions are not easily interoperable. You may find some quirks when trying to use the new libraries on existing USWDS projects.

Included design files

Adobe XD Components

  • Components and theme colors in Adobe XD format (adobe-xd/uswds-components).

Sketch Libraries

The sketch/librarires/uswds library includes the following:

  • USWDS system colors
  • USWDS system typescale in Public Sans
  • USWDS avatars
  • USWDS block
  • USWDS icons
  • Helper elements like device frames
  • USWDS logos

Note: We have not yet implemented handoff symbols in the new Sketch files.

Sketch project file

This package includes sketch/uswds-project: a project file synchronized to USWDS tokens. This project file includes the following customizable elements:

  • USWDS theme colors as symbols and layer styles
  • USWDS components as symbols
  • USWDS layout grid artboards

Fonts

  • Font Awesome
  • Merriweather
  • Public Sans
  • Roboto Mono
  • Source Sans Pro