# Design

### Design principles and patterns

The design principles listed [here](https://docs.google.com/document/d/1SOfxi4KZZ0QuyJV6Wv6A6fCjRjza9DlaBb-_wg2WON8/edit#bookmark=kix.lm0fs2d9h01n) are a result of many research findings overtime and they continue to evolve as we design for new use cases and learn more about our users.

### Figma files

All of the user interface elements for the Android app and some of the Simple dashboard are now on Figma. Please feel free to 'borrow' or 'steal' anything from our public Figma project. We consider it to be public domain or CC0:\
Designs for app in use - [Here](https://www.figma.com/file/vmZlmlFSCOrEYzTMkqsNB8/Simple-Production?node-id=2206%3A155)\
Designs in exploration - [Here](< https://www.figma.com/file/kONxBLSXwcQDnV7ya4hIXA/Simple(Exploration)?node-id=3686%3A36070 >)

### Android app

* [Screenshots on our website](https://simple.org/screens) for a curated list of screens with brief explanations
* [Figma document](https://www.figma.com/file/vmZlmlFSCOrEYzTMkqsNB8/Simple-Production) of most screens in the Android application

### Web-based Dashboard

* [Figma document ](https://www.figma.com/file/9inSvRD4dXcMfXchlyDZVV/Dashboard-Production)of most screens in the Simple Dashboard

### Print materials

* [BP Passports](https://www.dropbox.com/s/k95pspwvh8vikx4/BP%20Passport%20Punjabi%20v10%20%E2%80%94%20Sample.pdf?dl=0) that are given to patients as an ID and a record of recent BPs and medicines. \
  Here are the [printing requirements](https://docs.google.com/document/d/19YPdPkMGppi7046uuNlxMCKrLaNiZRGTpiOgMHTSWFM/edit#) once you have all BP passports with unique QR codes in a sharable PDF format.  \ <img src="/files/-LvFwZkqL01HZenwn3Uh" alt="" data-size="original"> <img src="/files/-LvFwdfVAicJ1X_uy-l4" alt="" data-size="original"><img src="/files/-LvFwidJdJieKcajLB-O" alt="" data-size="original"> &#x20;
* QR code booklets are provided to the facilities that already maintain a booklet for each patients\ <img src="/files/-LvdLGAEFspgse8JFyEc" alt="" data-size="original"> <img src="/files/-LvdLLtdzTAGLQ2Ddfcp" alt="" data-size="original">&#x20;
* [App usage guidebook](https://drive.google.com/a/resolvetosavelives.org/file/d/1MM2dEpUBgE3EyZS9CrzuxgjHqIQa3eb1/view?usp=sharing) given to new users\ <img src="/files/-LvFrT5sEiYaxtgeWQKA" alt="" data-size="original"> <img src="/files/-LvFrWXCy9V43JGbPIUr" alt="" data-size="original">&#x20;
* **Blood Pressure Checklist**
  * [PDF](https://drive.google.com/a/resolvetosavelives.org/file/d/10stzyT8OM3BxpeX2qAJLjhrGF6jkqu_C/view?usp=sharing) for editing in Adobe Illustrator, Sketch (979kb)
  * [Google Slides](https://docs.google.com/presentation/d/1xIZoc5J_ouOHqPZToDq1UIEwyWBO85rjIELM6QO1nes/edit?usp=sharing) version
  * [Powerpoint](https://www.dropbox.com/s/mxpxgtkw5l5uq9j/Blood-Pressure-Measurement-Checklist-012-CC0.pptx?dl=0) (1.6 MB)&#x20;
  * [Affinity Designer](https://www.dropbox.com/s/qdbv9jg6d6fe8r9/BP%20checklist%20illustration.afdesign?dl=0) (173 KB version 1.7)


---

# 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://docs.simple.org/design-1/design.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.