# Brand assets

## General

Our goal is to be welcoming, trusted, and focused. Everyone who abides by our community guidelines is encouraged to participate, and we should be friendly—but we're mostly here to get work done and advance our mission.

## Type

The open-source Google Font [Public Sans](https://github.com/uswds/public-sans) is our official web font.

For monospace, we can use [Source Code Pro](https://fonts.google.com/specimen/Source+Code+Pro).

For print, we can use the free Google Font [Libre Franklin](https://fonts.google.com/specimen/Libre+Franklin). It's a predecessor of Public Sans, and may look more refined in print.

We shouldn't use any other fonts.

## Design system

[This repository](https://github.com/Police-Data-Accessibility-Project/design-system) is the starting point for building a new PDAP front end app or microservice.

## Colors

![](https://2918691127-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXyolqTg_voOhFyAcr-%2F-MbniT2-Ph2AwP_DYs8x%2F-MbnlutQ17_4hysQG8Mu%2FScreen%20Shot%202021-06-09%20at%2010.36.55%20PM.png?alt=media\&token=60ad4d6e-13de-4794-8f45-d82da9ab0499)

```css
--off-white: #fffbfa;
--light-gray: #bfc0c0;
--medium-gray: #515052;
--gold: #d5a23c;
--byzantium: #512a4f;
```

## Logos & Marks

We don't have the font used for the original logo but we have [vector](https://www.google.com/search?q=vector+vs+pixel) copies of it, so it can be infinitely scaled and converted to any color.

Don't add drop shadows or outlines.

### SVG

{% hint style="info" %}
Infinitely scalable. Use these whenever possible, especially if you need to change the color or insert it into a print design.
{% endhint %}

![logo.svg](https://2918691127-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXyolqTg_voOhFyAcr-%2F-MgfZT-cCDrQgtjV4G2N%2F-Mgf_2DykDkw-CtZn6b8%2Flogo.svg?alt=media\&token=dc6e71cf-c0db-4016-a0a0-c939cb5c8f6a)

![acronym.svg](https://2918691127-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXyolqTg_voOhFyAcr-%2F-MgfZT-cCDrQgtjV4G2N%2F-Mgf_4unu8XUZ2Z9JqTP%2Facronym.svg?alt=media\&token=2ff30fc8-ac64-4f50-b92c-1552c73f702a)

![lockup.svg](https://2918691127-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXyolqTg_voOhFyAcr-%2F-MgfZT-cCDrQgtjV4G2N%2F-Mgf_76oqjkyY8lOlgo3%2Flockup.svg?alt=media\&token=47b77919-8a33-4c9d-a7b4-8a9aa635b4c2)

### PNG

{% hint style="info" %}
Conveniently exported to pixels. Use these for things like social media profile pictures.
{% endhint %}

![logo.png (extra space added for circle crops)](https://2918691127-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXyolqTg_voOhFyAcr-%2F-MbniT2-Ph2AwP_DYs8x%2F-MbnkFiYgEwbKzYbq2in%2Flogo-space.png?alt=media\&token=f6684875-3eab-448d-aec8-ae2141f920cc)

![acronym.png](https://2918691127-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXyolqTg_voOhFyAcr-%2F-MkoERZeaP-3n6Z5ehrb%2F-MkoFJNEHWJAVUEj-nwt%2Facronym.png?alt=media\&token=0e4c1b32-35d7-4645-b0bc-8e2493ef39d1)

![lockup.png](https://2918691127-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXyolqTg_voOhFyAcr-%2F-MkoDSTeYffTIClrgwVg%2F-MkoDi3VJup9zD6ESRAU%2Flockup.png?alt=media\&token=00e7bcde-4c47-47f9-b786-41d8dbc7cc22)

## Inverted logos & marks

{% hint style="info" %}
These are invisible on a white background, so they have been attached as files.
{% endhint %}

{% file src="<https://2918691127-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXyolqTg_voOhFyAcr-%2Fuploads%2FGFCe84EhxzqABPnm2m90%2Facronym-white.png?alt=media&token=256d6a7c-4be9-487f-a151-7737bc3d1410>" %}

{% file src="<https://2918691127-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXyolqTg_voOhFyAcr-%2Fuploads%2FMPd59GFw3hnSGCQn0arU%2Flogo-white.png?alt=media&token=ed33f315-9e76-4dd3-8295-7fdd03dafd82>" %}

{% file src="<https://2918691127-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXyolqTg_voOhFyAcr-%2Fuploads%2FyV2BukWO7Qh6ZLtpmZGW%2Flockup-white.png?alt=media&token=827b6053-0a6f-4305-81de-0ae242dfc624>" %}

{% file src="<https://2918691127-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXyolqTg_voOhFyAcr-%2Fuploads%2FJDQm9ry1GW8dUzdjbJZ7%2Facronym-white.svg?alt=media&token=3a4e9bc4-25a1-4931-865e-706a6c75cae0>" %}

{% file src="<https://2918691127-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXyolqTg_voOhFyAcr-%2Fuploads%2FFkWJniXT7Mu2pxi7TkFz%2Flogo-white.svg?alt=media&token=076bf5fa-9423-46e5-a731-a37cabe04f8d>" %}

{% file src="<https://2918691127-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXyolqTg_voOhFyAcr-%2Fuploads%2FPjMKiPXViqTy9UPX1y39%2Flockup-white.svg?alt=media&token=1781f988-b50c-4596-aeba-eabf32eb5313>" %}