# Typography

Typography is one of the most, if not the most, important communication tools for our brand. It carries our brand voice; with it, we establish our tone, personality, and message.&#x20;

## Primary Typeface

### Public Sans

Public Sans is a strong, neutral, open-source typeface for interfaces, text, and headings developed by USWDS. It is seen across US government websites and communications, giving Grants an additional source of credibility.

<figure><img src="https://4039545949-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPm7UEzeiS1tbLCV1SFRu%2Fuploads%2FEL6jmVhWuPxmXXx4FZl0%2FSimpler%20Grants%20Public%20Sans%20Sample.png?alt=media&#x26;token=3fdeb02f-7d59-4556-9e69-af1725cfc468" alt=""><figcaption></figcaption></figure>

[Download Public Sans](https://fonts.google.com/specimen/Public+Sans). It is already included in USWDS but should be added to HHS staff computers to maintain brand alignment in Simpler Grants material.

<figure><img src="https://4039545949-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPm7UEzeiS1tbLCV1SFRu%2Fuploads%2FQYWb1ManaJBLPSe0em3P%2FSimpler%20Grants%20Public%20Sans%20Weights%20Sample.png?alt=media&#x26;token=16799ed1-1451-455b-b7a1-8ad35ff75a48" alt=""><figcaption><p>Public Sans weights</p></figcaption></figure>

## Secondary Typeface

### Newsreader

Newsreader is an open-source font from Production Type designed for on-screen, longer-form reading. NewsReader’s shapes are open and familiar, fostering engaged reading, with features like optical sizes and large display cuts that maximize the type’s ability to be expressive. In general, use NewsReader for content such as blog posts and informational page content that is longer than 2-3 paragraphs.

<figure><img src="https://4039545949-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPm7UEzeiS1tbLCV1SFRu%2Fuploads%2FM3hK9gtMapz9Mv1vm1Oh%2FSimpler%20Grants%20NewsReader%20Sample.png?alt=media&#x26;token=1f6f8f29-079d-44f3-af84-8d233307f2a3" alt=""><figcaption></figcaption></figure>

[Download NewsReader](https://fonts.google.com/specimen/Newsreader). It should be added to HHS staff computers to maintain brand alignment.

<figure><img src="https://4039545949-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPm7UEzeiS1tbLCV1SFRu%2Fuploads%2F80oQ4jP3I2MrZjwVEiWy%2FSimpler%20Grants%20NewsReader%20Weights%20Sample.png?alt=media&#x26;token=1a97f4c3-a3c5-48b3-8697-5fbd26b94833" alt=""><figcaption><p>NewsReader weights</p></figcaption></figure>

## Hierarchy

Different type sizes should always have a relationship to one another. There is no exact rule, but select a base type size in a composition and make all other sizes proportionate to this foundation. Our brand defaults to a 1.35 type scale.

<figure><img src="https://4039545949-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPm7UEzeiS1tbLCV1SFRu%2Fuploads%2FNGn5JBf2iHhhBDNOyvcS%2FSimpler%20Grants%20Type%20Scale%20Sample.png?alt=media&#x26;token=fcaaf7a3-cec0-4b26-9bd3-31eef37399f9" alt=""><figcaption></figcaption></figure>

## Alternates

Use these alternates when there are program limitations for typeface use, such as fallback fonts on the web or PowerPoint decks.

### Arial

* Public Sans → Arial

<figure><img src="https://4039545949-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPm7UEzeiS1tbLCV1SFRu%2Fuploads%2F2ZtmDJhBUCBGBLA4BxnU%2FSimpler%20Grants%20Arial%20Sample.png?alt=media&#x26;token=68e4dcfd-cc90-4b09-812b-b916fadb6ce4" alt=""><figcaption></figcaption></figure>

Arial is installed on your computer.

<figure><img src="https://4039545949-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPm7UEzeiS1tbLCV1SFRu%2Fuploads%2FVIVvdN2bOOKTWBlIJqkl%2FSimpler%20Grants%20Arial%20Weights%20Sample.png?alt=media&#x26;token=ac57ad4c-de15-46d8-9e64-f18d225ebab3" alt=""><figcaption><p>Arial weights</p></figcaption></figure>

### Georgia

* NewsReader → Georgia

<figure><img src="https://4039545949-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPm7UEzeiS1tbLCV1SFRu%2Fuploads%2F7s7mQYEBvB9GGfpabHS5%2FSimpler%20Grants%20Georgia%20Sample.png?alt=media&#x26;token=65602f32-7315-47c8-b7e6-ca755a2e46a1" alt=""><figcaption></figcaption></figure>

<figure><img src="https://4039545949-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPm7UEzeiS1tbLCV1SFRu%2Fuploads%2FnwRKT4qn2YHV0alMRy6d%2FSimpler%20Grants%20Georgia%20Weights%20Sample.png?alt=media&#x26;token=e00d4c2f-e953-47cc-b0b0-f51fad5ab68e" alt=""><figcaption><p>Georgia weights</p></figcaption></figure>

## Additional Don’ts

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td>Don't apply effects to type.</td><td><a href="https://4039545949-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPm7UEzeiS1tbLCV1SFRu%2Fuploads%2FR4iEtggC2cFwhG5CzKvb%2Fsimpler%20grants%20dont%20apply%20effects%20to%20type.png?alt=media&#x26;token=c3851628-b127-4410-a67b-a4f3c0c90b2a">simpler grants dont apply effects to type.png</a></td></tr><tr><td>Don't center align type.</td><td><a href="https://4039545949-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPm7UEzeiS1tbLCV1SFRu%2Fuploads%2FsQpV5neSw624c0No8RgW%2Fsimpler%20grants%20dont%20center%20align%20type.png?alt=media&#x26;token=f4699d9c-5f67-499f-8b56-6e0516ce596b">simpler grants dont center align type.png</a></td></tr><tr><td>Don't justify text.</td><td><a href="https://4039545949-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPm7UEzeiS1tbLCV1SFRu%2Fuploads%2F6TuVbcU8UtR0mv9DRfwy%2Fsimpler%20grants%20dont%20justify%20text.png?alt=media&#x26;token=3eec0ff1-f9fa-410d-9d80-ec4bc38e615b">simpler grants dont justify text.png</a></td></tr><tr><td>Don't outline the type.</td><td><a href="https://4039545949-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPm7UEzeiS1tbLCV1SFRu%2Fuploads%2Fkjo3shAVvFF1lQHcP1rT%2Fsimpler%20grants%20dont%20outline%20type.png?alt=media&#x26;token=3c07c12f-48b1-4a2b-ab59-f655a4819236">simpler grants dont outline type.png</a></td></tr><tr><td>Don't right align type.</td><td><a href="https://4039545949-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPm7UEzeiS1tbLCV1SFRu%2Fuploads%2F4oyZ1WNO9CNn9tlaORxz%2Fsimpler%20grants%20dont%20right%20alight%20type.png?alt=media&#x26;token=ae102c2e-071d-4622-b7b3-b5a658cf4980">simpler grants dont right alight type.png</a></td></tr><tr><td>Don't set type in all caps.</td><td><a href="https://4039545949-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPm7UEzeiS1tbLCV1SFRu%2Fuploads%2FsuMGv8q9GLwtdjvKev8h%2Fsimpler%20grants%20dont%20set%20type%20in%20all%20caps.png?alt=media&#x26;token=5484bee5-9afd-4384-b688-27d07aef3f89">simpler grants dont set type in all caps.png</a></td></tr><tr><td>Don't set type in all lowercase.</td><td><a href="https://4039545949-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPm7UEzeiS1tbLCV1SFRu%2Fuploads%2FGS4QmOKFs1qf6FsmhWqn%2Fsimpler%20grants%20dont%20set%20type%20in%20all%20lower%20case.png?alt=media&#x26;token=974b7b2b-e5bc-4242-ab1d-b33334df7d63">simpler grants dont set type in all lower case.png</a></td></tr><tr><td>Don't set type too small.</td><td><a href="https://4039545949-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPm7UEzeiS1tbLCV1SFRu%2Fuploads%2FGrnAODTsb0APBSTNAuvp%2Fsimpler%20grants%20dont%20set%20type%20too%20small.png?alt=media&#x26;token=9ecf5328-1e80-4474-b102-53ed2628479c">simpler grants dont set type too small.png</a></td></tr><tr><td>Don't use low contrast on type.</td><td><a href="https://4039545949-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPm7UEzeiS1tbLCV1SFRu%2Fuploads%2F2lDukGSimCyOWdf4Q1Hh%2Fsimpler%20grants%20dont%20use%20low%20contrast%20on%20type.png?alt=media&#x26;token=64489c16-f65a-49ea-b006-6fbd025c85ca">simpler grants dont use low contrast on type.png</a></td></tr><tr><td>Don't use unapproved typefaces.</td><td><a href="https://4039545949-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPm7UEzeiS1tbLCV1SFRu%2Fuploads%2FQ13HtdLvAhAsL5jbWbqQ%2Fsimpler%20grants%20dont%20use%20unapproved%20typefaces.png?alt=media&#x26;token=8273b980-44ff-4865-a3ff-33505f63050f">simpler grants dont use unapproved typefaces.png</a></td></tr></tbody></table>
