Skip to content

Translating Wireframes

Let’s apply what we’ve learned about design language. Your given the task to migrate an existing page to USWDS components.

Using design system language, how would you communicate:

  1. What are the major components of the page?

  2. What are the smaller components?

  3. What colors will be used in the design?

  4. What fonts will be used in the design?

  5. What spacing will be used in the design?

Homepage wireframe: header, hero, 3 columns news and events, a tile grid,  and footer