---
title: stlye guide
description: meta here
---
# Style Guide
Use this template a reference to your brand styles
- [Logo](https://ftm.musicfairnessaction.org/stlye-guide#logo)
- [Colors](https://ftm.musicfairnessaction.org/stlye-guide#colors)
- [Typography](https://ftm.musicfairnessaction.org/stlye-guide#typography)
- [Buttons](https://ftm.musicfairnessaction.org/stlye-guide#buttons)
- [Forms](https://ftm.musicfairnessaction.org/stlye-guide#forms)
- [Custom Section](https://ftm.musicfairnessaction.org/stlye-guide#custom-section)
### Logo
[Download Logo Files](https://ftm.musicfairnessaction.org/stlye-guide#)
### Colors
Primary
Secondary
Tertiary
Custom Color
#9FC5E8
### Typography
Show Display Headings
##### When you need a heading to stand out, consider using a display heading—a larger, slightly more opinionated heading style.
×
```
Display 1
Display 2
Display 3
Display 4
```
# Display-1 - Lorem ipsum dolor sit amet, consectetur adipisicing elit
# Display-2 - Lorem ipsum dolor sit amet, consectetur adipisicing elit
# Display-3 - Lorem ipsum dolor sit amet, consectetur adipisicing elit
# Display-4 - Lorem ipsum dolor sit amet, consectetur adipisicing elit
# H1 - Prefacing Title - Lorem ipsum dolor sit amet
## H2 - Title - Header - Lorem ipsum dolor sit amet, consectetur adipisicing elit
### H3 - Subtitle - Secondary Text - Lorem ipsum dolor sit amet, consectetur adipisicing elit
#### H4 - Lorem ipsum dolor sit amet, consectetur adipisicing elit
##### H5 - Lorem ipsum dolor sit amet, consectetur adipisicing elit
###### H6 - Lorem ipsum dolor sit amet, consectetur adipisicing elit
body - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a nisl a ipsum convallis consequat. Integer id felis a libero finibus convallis. Aenean consequat quam blandit luctus rhoncus. Curabitur in lobortis turpis.
p - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a nisl a ipsum convallis consequat. Integer id felis a libero finibus convallis. Aenean consequat quam blandit luctus rhoncus. Curabitur in lobortis turpis.
- li - Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- li - Pellentesque a nisl a ipsum convallis consequat. Integer id felis a libero finibus convallis.
- li - Aenean consequat quam blandit luctus rhoncus. Curabitur in lobortis turpis.
1. li - Lorem ipsum dolor sit amet, consectetur adipiscing elit.
2. li - Pellentesque a nisl a ipsum convallis consequat. Integer id felis a libero finibus convallis.
3. li - Aenean consequat quam blandit luctus rhoncus. Curabitur in lobortis turpis.
p.small - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a nisl a ipsum convallis consequat. Integer id felis a libero finibus convallis. Aenean consequat quam blandit luctus rhoncus. Curabitur in lobortis turpis.
p.large - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a nisl a ipsum convallis consequat. Integer id felis a libero finibus convallis. Aenean consequat quam blandit luctus rhoncus. Curabitur in lobortis turpis.
p.blog - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a nisl a ipsum convallis consequat. Integer id felis a libero finibus convallis. Aenean consequat quam blandit luctus rhoncus. Curabitur in lobortis turpis.
> “Blockquote - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a nisl a ipsum convallis consequat. Integer id felis a libero finibus convallis. Aenean consequat quam blandit luctus rhoncus. Curabitur in lobortis turpis.”
[This is a link](https://ftm.musicfairnessaction.org/stlye-guide#) lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed sapien magna. Morbi ac arcu eu tortor condimentum pellentesque.
### Buttons
[Learn More](https://ftm.musicfairnessaction.org/stlye-guide#)
Button Primary
[Learn More](https://ftm.musicfairnessaction.org/stlye-guide#)
Button Secondary
[Learn More](https://ftm.musicfairnessaction.org/stlye-guide#)
Button Tertiary
[Learn More](https://ftm.musicfairnessaction.org/stlye-guide#)
Button White
[Learn More](https://ftm.musicfairnessaction.org/stlye-guide#)
Button Black
[Learn More](https://ftm.musicfairnessaction.org/stlye-guide#)
Button Outline Primary
[Learn More](https://ftm.musicfairnessaction.org/stlye-guide#)
Button Outline Secondary
[Learn More](https://ftm.musicfairnessaction.org/stlye-guide#)
Button Outline Tertiary
[Learn More](https://ftm.musicfairnessaction.org/stlye-guide#)
Button Outline White
[Learn More](https://ftm.musicfairnessaction.org/stlye-guide#)
Button Outline Black
### Form Styles
### Form Title
### Custom Section
Add in your own sections
## National Treatment of Music Creators
For 75 years a key principle in global trade has been that a nation should provide foreign entities the same benefits and protections as it would its own citizens. In music, that means whatever rights regime a country gives to creators, the principle of what is known as National Treatment should apply those rights to all, regardless of nationality.
For too long several countries in Europe have ignored this principle and discriminated against foreign music creators based solely on their country of origin.
## Join the Campaign to Demand American Artists are Treated Fairly
When American music plays around the world, American artists should get paid. It's time our trade deals reflected that simple principle. Now is the time to add your voice by joining the petition that calls for governments across the globe to end discrimination against American music creators.
**Join the campaign to ensure our trade agreements work for American music creators.**
STAY INFORMED
#### SoundExchabnge
733 10th Street NW 10th Floor
Washington, D.C. 20001
---
2026 Copyright.
All rights reserved
2026 Copyright. All rights reserved. [Privacy policy](https://ftm.musicfairnessaction.org/privacy-policy?hsLang=en) [Terms](https://ftm.musicfairnessaction.org/tos?hsLang=en)