import { Meta } from '@storybook/addon-docs/blocks';

<Meta title="Components/Atoms/Logos" />



# Logos

  
## Usage

Logos serve as branding opportunities for our websites, as well as a landmark that helps our users navigate back to the homepage. Per Neilson’s guidelines for logo placment, users are most likely to find the logos for websites in the upper left corner of the page. This top of page placement fits with default patterns found around the web. 

All logo designs shown here are maintained by our Marketing department. Please reach out to Marketing using the Creative Request Form for any additional sizes or colorways as needed.

| Brand | B&W | Color | Download |
|--|--|--|--|
| The Greene Space | x | x | SVG |
| New Sounds | x | x | SVG |
| WQXR | x | x | SVG |
| WNYC | x | x | SVG |
| Gothamist | x | x | SVG |
| WNYC Studios | x | x | SVG |
| NYPR | x | x | SVG |
| NJPR | x | x | SVG |

## Appearance & Placement

When placing the logo, use the height and width of the first letter as a visual aid for the amount of clear space that should be maintained around the logo. This
will ensure adequate space from competing text and imagery. 

## Improper Usage

Below are a few Do's and Don'ts of what to avoid when using our brand logos:

* Don't alter the logo in any way
* Don't alter the logo colorways (only use Marketing approved colorways)
* Don't put the logo in a box unneccisarily 
* Don't rearrange the logo elements
* Don't place the logo on busy or low contrast backgrounds (reducing logo's legibility)
* Don't rotate the logo
* Do provide enough padding around the logo so that it is prominent and easy to read
* Do make sure the logo is displayed at a size that facilitates legibility
* Do reach out to the [Marketing Team](https://docs.google.com/forms/d/e/1FAIpQLSe5tH-ENGRqjFn8Za3amlHpBWVkgvKRtl8HmK3a3c-2Ic47QA/viewform) if you need additional logo lockups, colorways, and layouts
