# Design & technical resources

We recommend the following design and technical resources:

* [Free resources for developing a public-facing COVID-19 website](https://covid-websites.usdigitalresponse.org//resources/resources.html#free-resources-for-developing-a-public-facing-covid-19-website)
* [Other resources to for your COVID-19 response](https://covid-websites.usdigitalresponse.org//resources/resources.html#other-resources-to-for-your-covid-19-response)
* [Listing of U.S. State/ Local COVID-19 Websites](https://covid-websites.usdigitalresponse.org//resources/resources.html#listing-of-us-state-local-covid-19-websites)

### Free resources for developing a public-facing COVID-19 website

| **Public-facing COVID-19 infections dashboards**                                  | <p>- <a href="https://public.tableau.com/en-us/s/covid-19-viz-gallery">Tableau COVID-19 Viz Gallery</a> - A curation of the those impactful data visualizations about Coronavirus (COVID-19) - from an enterprise tech company<br>- <a href="https://coronavirus.jhu.edu/map.html">Johns Hopkins Coronavirus Global Cases</a> - Johns Hopkins provides an embeddable dashboard of coronavirus cases around the world.<br>- <a href="https://coronavirus.jhu.edu/map-faq">Instructions for embedding it</a><br>- <a href="https://datastudio.google.com/u/0/reporting/1ddB1kq5h6QjTk77HltHKnho8GHnvk85e/page/plbIB">Eagle County Community COVID-19 Monitoring</a> - Eagle County provides an example of a great local dashboard that is publicly available. They also provide instructions for how to create one for your own state/ locality.</p> |
| --------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Image & illustration assets (all resources listed here are safe for free use)** | <p>- <a href="https://phil.cdc.gov/Details.aspx?pid=2871">CDC’s coronavirus logo</a><br>- <a href="https://www.cdc.gov/media/subtopic/images.htm">CDC’s Coronavirus Image Library</a><br>- <a href="https://phil.cdc.gov/">CDC’s Public Health Image Library</a><br>- <a href="https://www.cdc.gov/coronavirus/2019-ncov/communication/graphics.html">CDC’s Coronavirus Graphic Assets</a><br>- <a href="https://www.cdc.gov/coronavirus/2019-ncov/communication/social-media-toolkit.html">CDC’s Social Media Toolkit</a> - lots for assets that you can use for Facebook, Instagram, and other social platforms</p>                                                                                                                                                                                                                              |
| **Videos**                                                                        | <p>- <a href="https://www.cdc.gov/coronavirus/2019-ncov/communication/videos.html">CDC’s Video Library</a><br>- <a href="https://twitter.com/JoshuaGrubbsPhD/status/1248317963566006272?s=20">Social distancing ad from Ohio Dpt of Health</a> - this ad is excellent. Link to tweet</p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| **Testing & self-assessment tools**                                               | - [Apple’s self assessment tool](https://www.apple.com/covid19/) developed with the CDC, White House, and FEMA                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| **Infection tracking/ tracing**                                                   |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| **Building your website**                                                         | <p>- <a href="https://designsystem.digital.gov/">Design system from digital.gov</a> - component and layout library used by official U.S. government websites<br>- <a href="https://www.figma.com/file/tP0FkObAfTwJ7wpRsAHnbp/USDR%3A-COVID-19-Website-Best-Practices?node-id=12%3A0">Link to the mockup referenced in this document</a> - feel free to copy and use any aspect of this template based on your needs</p>                                                                                                                                                                                                                                                                                                                                                                                                                            |
| **FAQs library**                                                                  | - [Ask A Scientist](https://covid19.fas.org/l/en) - This Q+A tool is for general scientific questions about COVID-19. Developed by the [Federation of American Scientists](https://fas.org/) in collaboration with the [New Jersey Office of Innovation](http://innovation.nj.gov/) and the [Governance Lab](http://www.thegovlab.org/) at New York University.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |

### Other resources to for your COVID-19 response <a href="#other-resources-to-for-your-covid-19-response" id="other-resources-to-for-your-covid-19-response"></a>

* [NY Times articles on Coronavirus](https://www.nytimes.com/news-event/coronavirus) - The NYTimes provides a free coronavirus information portal, which contains lots of content and an e-book. Their FAQs section is fantastic.
* [Pandemic Response Repository](https://newamericafoundation.github.io/pandemic-response-repository/) - A collection of open source digital resources to help governments respond to the Coronavirus from New America. Lots of sample projects + code references that you can take to repurpose.

### Listing of U.S. state/ local COVID-19 websites <a href="#listing-of-us-state-local-covid-19-websites" id="listing-of-us-state-local-covid-19-websites"></a>

California, NYC, and New Jersey all have excellent COVID-19 websites in terms of website usability, ease of finding key information, and simplicity.

* [California](https://covid19.ca.gov/) — the site is open source \[[GitHub code](https://github.com/cagov/covid19)]
* [NYC](https://www1.nyc.gov/site/coronavirus/index.page)
* [New Jersey](https://covid19.nj.gov/index.html)
* All state & local public health or coronavirus info sites \[[google sheet](https://docs.google.com/spreadsheets/d/1oxQ54xx06u_M1UOjzwIKLcsqeVklV447HRZip-VZ_Bs/edit#gid=1590417974)]


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://covid-websites.usdigitalresponse.org/design-and-technical-resources.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.